Setlhogo seno se tshegediwa ke SurveyJS Go na le sekai sa tlhaloganyo se bontsi jwa batlhami ba React ba se abelanang kwantle ga go se tlotla kwa godimo. Gore dipopego ka metlha di tshwanetse go nna dikarolo. Se se raya mokgobo o o tshwanang le:

Foromo ya React Hook ya puso ya selegae (ditlhagiso tse dinnye, ikwadiso ya tshimo ya ergonomic, tirisano e e botlhokwa). Zod bakeng sa netefatso (ho nepahala ha input, netefatso ya moedi, ho hlahloba ho bolokehileng ha mofuta). React Query ya backend: thomelo, go leka gape, go boloka mo polokelotshedimosetsong, go tsamaisanya sefara, jalo le jalo.

Mme bakeng sa boholo ba diforomo — diskrini tsa hao tsa ho kena, ditsebe tsa hao tsa dipehelo, di-modal tsa hao tsa CRUD — sena se sebetsa hantle haholo. Sengwe le sengwe se dira tiro ya sone, di tlhama ka phepafalo, mme o ka fetela kwa dikarolong tsa tiriso ya gago tse tota di farologanyang setlhagiswa sa gago. Mme nako le nako, foromo e simolola go kokoanya dilo tse di jaaka melao ya go bonala e e ikaegileng ka dikarabo tsa pelenyana, kgotsa boleng jo bo tswang mo go jone jo bo elelang mo masimong a le mararo. Gongwe le ditsebe tsotlhe tse di tshwanetseng go tlolwa kgotsa go bontshiwa go ikaegilwe ka palogotlhe e e tsamayang. O tshwara maemo a ntlha ka useWatch le lekala le le mo moleng, le le siametseng. Go tswa foo e nngwe. Go tswa foo o fitlhelela superRefine go tsenya melao ya dikarolo tse di farologaneng e sekema sa gago sa Zod se ka se kgoneng go e tlhagisa ka tsela e e tlwaelegileng. Go tswa foo, go tsamaya ka dikgato go simolola go dutla logic ya kgwebo. Ka nako nngwe, o leba se o se agileng mme o lemoga gore foromo ga e tlhole e le UI. Ke thulaganyo ya go dira tshwetso, mme setlhare sa dikarolo ke fa o se bolokileng teng. Ke fa ke akanyang gore sekao sa tlhaloganyo sa diforomo mo React se thubega teng, mme tota ga se molato wa ope. Mokgobo wa RHF + Zod o molemo haholo ho seo o se etseditsweng. Kgang ke gore re na le go nna re e dirisa go feta ntlha e mo go yona dikakanyo tsa yona di tsamaelanang le bothata ka gonne tsela e nngwe e tlhoka tsela e e farologaneng ya go akanya ka dipopego gotlhelele. Setlhogo seno se bua ka tsela eo e nngwe. Go bontsha seno, re tla aga foromo e e tshwanang ya dikgato tse dintsi gabedi:

Ka Foromo ya React Hook + Zod e e tsenngwang mogala go React Query gore e romelwe, Ka SurveyJS, e e tshwarang foromo jaaka tshedimosetso — sekema se se bonolo sa JSON — go na le setlhare sa dikarolo.

Ditlhokego tse di tshwanang, logic e e tshwanang ya maemo, pitso e e tshwanang ya API kwa bokhutlong. Go tswa foo re tla dira mmapa wa gore ke eng se se sutang le se se setseng, le go tlhagisa tsela e e mosola ya go swetsa gore o tshwanetse go dirisa sekao sefe, le gore o se dirise leng. Foromo e re e agang:

Foromo eno e tla dirisa kelelo ya dikgato di le 4: Kgato 1: Dintlha

Leina la ntlha (le a tlhokega), Imeile (e a tlhokega, fomete e e amogelesegang).

Kgato 2: Otara

Tlhwatlhwa ya yuniti, Bontsi, Seelo sa lekgetho, E tserwe: Palogotlhepotlana, Lekgetho, Palogotlhe.

Kgato 3: Akhaonto le Pegelo

A o na le akhaonto? (Ee/Nnyaa) Fa Ee → leina la modirisi + nomoro ya sephiri, bobedi bo a tlhokega. Fa Nnyaa → imeile e setse e tserwe mo legatong 1.

Tekanyetso ya kgotsofalo (1–5) Fa ≥ 4 → botsa “O ratile eng?” Fa ≤ 2 → botsa “Re ka tokafatsa eng?”

Kgato 4: Boeletsa

E tlhagelela fela fa palogotlhe e le >= 100 Thomelo ya bofelo.

Seno ga se a feteletsa dilo. Mme go lekane go senola dipharologano tsa boagi. Karolo 1: E Kgweediwa ke Dikarolo (Foromo ya React Hook + Zod) Tsenyo npm tsenya foromo ya tsibogo ya sekgoge zod @foromo ya sekgoge/dirarabololo @tanstack/potso ya tsibogo

Sekema sa Zod A re simolole ka sekema sa Zod, ka gonne gantsi ke gone fa popego ya foromo e tlhongwang teng. Bakeng sa dikgato tse pedi tsa pele - dintlha tsa botho le ditlhahiso tsa taelo - ntho e 'ngoe le e' ngoe e otlolohile: dikgwele tse hlokehang, dinomoro tse nang le bonyane, le enum. Karolo e e kgatlhang e simolola fa o leka go tlhagisa melao ya maemo.

reka { z } go tswa go "zod";

thomelontle const foromoSchema = z.selo ({Leina la ntlha: z.mogala (). motsotso (1, "E a tlhokega"), imeile: z.mogala (). imeile ("Imeile e e sa direng"), tlhwatlhwa: z.palo (). motsotso (0), bontsi: z.palo (). motsotso (1), Seelo sa lekgetho: z.namoro (), ga go naAkhaonto (), ga go naAkhaonto (), e na z.mogala (). boikgethelo (), nomoro ya sephiri: z.mogala (). boikgethelo (), kgotsofalo: z.palo (). metsotso (1). max (5), Pegelo e e siameng: z.mogala (). boikgethelo (), tokafatsoPegelo: z.bala (). boikgethelo (),} "s). fa (! tshedimosetso.leina la modirisi) {ctx.addIssue ({ khoutu: "tlwaelo", tsela: ["leina la modirisi"], molaetsa: "E a tlhokega" }); ditlhaka" }); } }

if (tshedimosetso.kgotsofalo >= 4 && !tshedimosetso.pegelo e e siameng) { ctx.addIssue ({ khoutu: "tlwaelo", tsela: ["pegelo e e siameng"], molaetsa: "Tsweetswee abelana ka se o se ratileng" }); }

fa (tshedimosetso.kgotsofalo <= 2 && !tshedimosetso.tokafatsoPegelo) {ctx.tsenyaBothata({khoutu: "tlwaelo", tsela:["tokafatsoPegelo"], molaetsa: "Tsweetswee re bolelele gore re tokafatse eng" }); }});

mofuta wa thomelontle ForomoTshedimosetso = z.infer;

Ela tlhoko gore leina la modirisi le nomoro ya sephiri di thaepilwe jaaka boikgethelo() le fa di tlhokega ka gonne sekema sa maemo a mofuta sa Zod se tlhalosa popego ya selo, e seng melao e e laolang fa dikarolo di le botlhokwa. Tlhokeho ya maemo e lokela ho phela kahare ho superRefine, e tsamayang ka mora hore sebopeho se netefadiwe mme e na le phihlello ya ntho e felletseng. Go kgaogana goo ga se phoso; ke sone se sedirisiwa se diretsweng sone: superRefine ke fa logic ya dikarolo tse di farologaneng e yang teng fa e sa kgone go tlhagisiwa mo sebopegong sa sekema ka bosone. Se se tlhomologileng gape fano ke se sekema seno se sa se tlhagiseng. Ga e na kgopolo ya ditsebe, ga e na kgopolo ya gore ke masimo afe a a bonalang mo ntlheng efe, e bile ga e na kgopolo ya go tsamaya. Tsotlhe tseo di tla nna golo gongwe. Karolo ya Foromo

reka { dirisaForomo, dirisaWatch } go tswa go "tsibogo-foromo-ya-hook";romela { zodResolver } go tswa go "@hookforomo/dirarabololo/zod";romela { dirisaPhetogo } go tswa go "@tanstack/tsibogo-potso";romela { dirisaBoemo; ata, dirisaMemo } go tswa go "tsiboga";ma, mofuta wa "S

const DIKGATO = ["dintlha", "taelo", "akhaonto", "tlhatlhobo"];

mofuta wa OtaraPayload = ForomoTshedimosetso & { palogotlhe: palo; lekgetho: palo; palogotlhe: palo };

tshebetso ya thomelontle RHFForomo ya Dikgato tse ngata () {const [kgato, setaKgato] = sebedisaBoemo (0);

const phetogo = dirisaPhetogo({ phetogoFn: async (morwalo: Morwalo wa Taelo) => { const res = emela go tsaya ("/ api/ditaelo", { mokgwa: "POSO", ditlhogo: { "Mofuta wa Diteng": "tiriso/json" }, mmele: JSON.go tlhama (morwalo wa tuelo), }); fa (! res.ok) latlhela Phoso e ntšhwa ("E paletswe ke go romela"); busetsa res.json (); }, });

const { kwadisa, taolo, tshwaraThomela, ForomoState: { diphoso }, } = dirisaForomo ({ serarabolodi: zodResolver (foromoSchema), Dipalopalo tsa thulaganyetsoruri: { tlhwatlhwa: 0, bontsi: 1, Seelo sa lekgetho: 0.1, kgotsofalo: 3, "}, e na leA); const theko = dirisaWatch ({taolo, leina: "theko" }); const bontsi = dirisaWatch ({taolo, leina: "bontsi" }); const Seelo sa lekgetho = dirisaWatch ({ taolo, leina: "Seelo sa lekgetho" }); const o na leAkhaonto = dirisaWatch ({ taolo, leina: "o na leAkhaonto" }); const kgotsofalo = dirisaWatch ({ taolo, leina: "kgotsofalo" }); const palogotlhe = dirisaMemo (() => (tlhwatlhwa ?? 0) * (bontsi ?? 1), [tlhwatlhwa, bontsi]); const lekgetho = dirisaMemo (() => palogotlhe * (Seelo sa lekgetho ?? 0), [palogotlhe, Seelo sa lekgetho]); const palogotlhe = dirisaMemo (() => palogotlhe + lekgetho, [palogotlhe, lekgetho]); const onSubmit = (tshedimosetso: Tshedimosetso ya Foromo) => phetogo.phetogo ({ ...tshedimosetso, palogotlhepotlana, lekgetho, palogotlhe }); const bontshaRomela = (kgato === 2 && palogotlhe < 100) || (kgato === 3 && palogotlhe >= 100)

return ( {kgato === 0 && ( <> )

{kgato === 1 && ( <> s: boammaaruri })} /> 5% 10% 15%

Palogotlhe: {palogotlhe}
Lekgetho: {lekgetho}
Palogotlhe: {palogotlhe}
)}

{kgato === 2 && ( <> Ee Nnyaa

{hasAkhaonto === "Ee" && ( <> )}

{kgotsofalo >= 4 && ( )}

{kgotsofalo <= 2 && ( )} )}

{kgato === 3 && palogotlhe >= 100 &&

Tlhatlhoba le go romela
}

{kgato > 0 && setaKgato(kgato - 1)}>Morago} {bontshaRomela ? ( {phetogo.e Letetswe ? "Romela..." : "Romela"} ) : kgato < DIKGATO.boleele - 1 ? ( setaKgato(kgato + 1)}>E e latelang ) : null}
{phetogo.kePhoso &&
Phoso: {phetogo.phoso.molaetsa}
} );}

Bona Patlisiso ya PeneJS-03-RHF [e e kgaogantsweng] ke go nyelela ga borataro. Go na le dilo tse dintsi tse di diragalang fano, mme go botlhokwa go fokotsa lobelo go lemoga gore dilo di feletse kae.

Dipalopalo tse di tswang — palogotlhe, lekgetho, palogotlhe — di balelwa mo karolong ka useWatch le useMemo ka gonne di ikaegile ka dipalopalo tsa tshimo e e tshelang mme ga go na lefelo le lengwe la tlholego la tsone. Melao ya ponagalo ya leina la modirisi, nomoro ya sephiri, Pegelo e e siameng, le Pegelo ya tokafatso e tshela mo JSX jaaka maemo a a mo moleng. Lojiki ya go tlola dikgato — tsebe ya tshekatsheko e e tlhagelelang fela fa palogotlhe e le >= 100 — e tsentswe mo mofuteng wa showSubmit le boemo jwa go ranola mo legatong la 3. Go tsamaya ka bogone ke sebadi sa useState fela se re se oketsang ka seatla. React Query e tshwaragane le go leka gape, go boloka mo polokelotshedimosetsong, le go dira gore o se ka wa dira. Foromo e bitsa fela mutation.mutate ka tshedimosetso e e netefaditsweng.

Ga go na sepe sa seno se se phoso, ka bosone. Sena e ntse e le idiomatic React, 'me karolo e batlang e sebetsang ka lebaka la kamoo RHF e arolang di-render hape. Mme fa o ne o ka naya motho yo o sa e kwalang seno mme wa mo kopa go tlhalosa gore tsebe ya tshekatsheko e tlhagelela mo maemong afe, o ne a tla tshwanelwa ke go latedisa ka showSubmit, boemo jwa go ranola jwa kgato 3, le tlhaloganyo ya konopo ya nav — mafelo a mararo a a farologaneng — go aga sešwa molao o o ka bong o boletswe mo moleng o le mongwe. Foromo e a dira, ee, mme boitshwaro ga bo tlhatlhobiwe jaaka tsamaiso. E tshwanetse go diragadiwa ka tlhaloganyo. Se se botlhokwa le go feta, go e fetola go tlhoka gore boenjenere bo nne le seabe. Le tweak e nnye, jaaka go fetola fa kgato ya tlhatlhobo e tlhagelela, e raya go tseleganya karolo, go tlhabolola netefatso, go bula kopo ya go goga, go leta tlhatlhobo, le go dirisa gape. Karolo 2: E Kgweediwa ke Sekema (SurveyJS) Jaanong a re age kelelo e e tshwanang re dirisa sekema. Tsenyo npm tsenya patlisiso-ya-konokono patlisiso-tsibogo-ui @tanstack/tsibogo-potso

survey-coreEnjene ya nako ya go dira e e ikemetseng ka nosi ya polatefomo e e nang le laesense ya MIT e e nayang SurveyJS maatla a go ranola foromo — karolo e re e kgathalang fano. E tsaya sekema sa JSON, e aga sekao sa ka fa gare go tswa mo go sone, mme e tshwara sengwe le sengwe se se neng se tla nna mo karolong ya gago ya React: go sekaseka dipolelwana tsa go bonala, go bala boleng jo bo tswang mo go jone, go laola boemo jwa tsebe, go latedisa netefatso, le go swetsa gore “go felela” go kaya eng fa go newa gore ke ditsebe dife tse tota di neng tsa bontshiwa. patlisiso-react-uiLera la UI / la go ranola le le golaganyang sekao seo le React. Tota ke karolo ya e e tlhagisang gape nako le nako fa seemo sa enjene se fetoga. Dilaeborari tsa SurveyJS UI le tsone di teng tsa Angular, Vue3, le matlhomeso a mangwe a mantsi.

Mmogo, di go naya nako ya go dira ga foromo e e dirang ka botlalo, ya ditsebe tse dintsi kwantle ga go kwala mola o le mongwe wa kelelo ya taolo. Fomete ya sekema ka boeona ke, jwalo ka ha ho boletswe pele, ke JSON feela — ha ho na DSL kapa ntho efe kapa efe ya mong. O ka e tsenya mo moleng, wa e romelateng go tswa mo faeleng, wa e tsaya go tswa mo API, kgotsa wa e boloka mo kholomong ya polokelotshedimosetso mme wa e hydrate ka nako ya go dira. Foromo e e Tshwanang, Jaaka Tshedimosetso Foromo e e tshwanang ke eno, mo lekgetlong leno e tlhagisiwa jaaka selo sa JSON. Sekema se tlhalosa sengwe le sengwe: popego, netefatso, melao ya go bonala, dipalelo tse di tswang, go tsamaya mo tsebeng — mme se e neela Model e e sekasekang ka nako ya go dira. Seo se lebega jaana ka botlalo:

thomelontle const surveySchema = { setlhogo: "Kelelo ya Taelo", bontshaBara yaKgatelopele: "godimo", ditsebe: [ { leina: "dintlha", dielemente: [ { mofuta: "sekwalwa", leina: "Leina la ntlha", ke le le Tlhokegang: boammaaruri }, { mofuta: "sekwalwa", leina: "imeile", "Re: mofuta wa imeile: mofuta: "imeile", sekwalwa: "Imeile e e sa direng" }] } ] }, { leina: "taelo", dielemente: [ { mofuta: "sekwalwa", leina: "tlhwatlhwa", Mofuta wa Tsenyo: "palo", Boleng jwaTlhago: 0 }, { mofuta: "sekwalwa", leina: "bontsi", dro {palo:1", "palo:1".leina: "seelo sa lekgetho", Boleng jwa thulaganyetsoruri: 0.1, ditlhopho: [ { boleng: 0.05, sekwalwa: "5%" }, { boleng: 0.1, sekwalwa: "10%" }, { boleng: 0.15, sekwalwa: "15%" }" ] }, { mofuta: "polelo e e kwa tlase}", leina: "} mofuta: "polelo", leina: "lekgetho", polelo: "{palogotlhe} {seelo sa lekgetho}" }, { mofuta: "polelo", leina: "palogotlhe", polelo: "{palogotlhe} + {lekgetho}" } ] }, { leina: "akhaonto", dielemente: [" { mofuta: "setlhopha sa radio", {no, "Y: ha". mofuta: "sekwalwa", leina: "leina la modirisi", visibleIf: "{o na leAkhaonto} = 'Ee'", e aTlhokega: boammaaruri }, { mofuta: "sekwalwa", leina: "nomoro ya sephiri", Mofuta wa Tsenyo: "nomoro ya sephiri", visibleIf: "{o na le Akhaonto} = 'Ee'", [e:ng mofuta: 6, text: "Min 6 ditlhaka" }] }, { mofuta: "tekanyetso", leina: "kgotsofalo", rateMin: 1, rateMax: 5 }, { mofuta: "tshwaelo", leina: "tshwaelo e e siameng", visibleIf: "{kgotsofalo} >= 4" }, "mofuta wa F: me: bonalaFa: "{kgotsofalo} <= 2" } ] }, { leina: "tshekatsheko", bonalaFa: "{palogotlhe} >= 100", dielemente: [] } ]};

Bapisa seno le mofuta wa RHF ka nakwana.

Boloko jwa superRefine jo bo neng bo tlhoka leina la modirisi le nomoro ya sephiri ga bo tlhole bo le teng. visibleIf: "{hasAccount} = 'Ee'" e kopantswe le isRequired: true e tshwara matshwenyego ka bobedi mmogo, mo tšhemong ka boyone, kwa o ka lebelelang go di bona teng. Ketane ya useWatch + useMemo e e neng e balela palogotlhe, lekgetho, le palogotlhe e emisediwa ka dikarolo tse tharo tsa polelo tse di supang tse dingwe ka leina. Boemo ba tsebe ya tlhatlhobo, jo mo mofuteng wa RHF bo neng bo ka agiwa sešwa fela ka go latedisa ka showSubmit, lekala la kgato 3 le neela. Mme la bofelo, logic ya konopo ya nav ke thoto e le nngwe ya visibleIf mo selong sa tsebe.

Logic e e tshwanang e teng. Ke fela gore sekema se e naya lefelo la go nna mo e bonalang e le nosi, go na le go anama mo karolong yotlhe. Gape, ela tlhoko gore sekema se dirisa mofuta: 'polelo' ya palogotlhe, lekgetho, le palogotlhe. Polelo e buisiwa fela mme e dirisiwa thata go bontsha boleng jo bo badilweng. SurveyJS gape e tshegetsa mofuta: 'html' ya diteng tse di sa fetogeng, mme mo boleng jo bo badilweng, tlhagiso ke tlhopho e e siameng. Jaanong ka letlhakore la React. Go Ranola le go Romela E bonolo thata. Thapo onComplete go API ya gago ka tsela e e tshwanang — ka tirisoPhetogo kgotsa go tsaya fela:

thomeloteng { tirisoBoemo, tirisoPhelelo, tirisoRef } go tswa go "tsibogo";thomeloteng { dirisaPhetogo } go tswa go "@tanstack/tsibogo-potso";thomeloteng { Model } go tswa go "patlisiso-motheo";thomeloteng { Patlisiso } go tswa go "patlisiso-tsibogo-ui";thomeloteng "patlisiso-motheo/patlisiso-ss;

tshebetso ya thomelontle Foromo ya Patlisiso () {const [mohlala] = sebedisaBoemo (() => Mohlala o motjha (Sekema sa patlisiso));

const phetogo = dirisaPhetogo({ phetogoFn: async (tshedimosetso) => { const res = emela go tsaya ("/ api/ditaelo", { mokgwa: "POSO", ditlhogo: { "Mofuta wa Diteng": "tiriso/json" }, mmele: JSON.tlhoma (tshedimosetso), }); fa (! res.ok) latlhela Phoso e ntšhwa ("E paletswe ke go romela"); busetsa res.json (); }, });

const phetogoRef = dirisaRef (phetogo); phetogo ya dijiniRef.ga jaana = phetogo ya dijini; useEffect (() => {const motshwari = (moromedi) => phetogoRef.ga jaana.phetogo (moromedi.tshedimosetso); sekao.mo goFeletse.ketsa (motshwari); go boela () => sekao.mogoFeletse.tlosa (motshwari); }, [mofuta]); // ref e tila go kwadisa gape motshwari mongwe le mongwe (diphetogo tsa boitshupo jwa selo sa phetogo)

go boela ( <> {phetogo.kePhoso &&

Phoso: {phetogo.phoso.molaetsa}
} ); }

Bona Patlisiso ya PeneJS-03-PatlisisoJS [e e kgaogantsweng] ke go nyelela ga borataro.

onComplete e tuka fa modirisi a fitlha kwa bokhutlong jwa tsebe ya bofelo e e bonalang. Ka jalo fa palogotlhe e sa kgabaganye 100 mme tsebe ya tshekatsheko e tlolwa, e sa ntse e thunya ka tshwanelo ka gonne SurveyJS e sekaseka go bonala pele ga e swetsa gore “tsebe ya bofelo” e kaya eng. Go tswa foo, sender.data e na le dikarabo tsotlhe mmogo le boleng jo bo badilweng (palogotlhe e nnye, lekgetho, palogotlhe) jaaka masimo a maemo a ntlha, ka jalo morwalo wa tuelo wa API o tshwana le se mofuta wa RHF o se kokoantseng ka seatla mo onSubmit. Thepaterone ya mutationRef ke yone e o ka e fitlhelelang gongwe le gongwe kwa o tlhokang motshwari wa tiragalo e e tlhomameng mo godimo ga boleng jo bo fetogang mo tlhagisong nngwe le nngwe — ga go na sepe se se kgethegileng sa SurveyJS ka ga yone.

Karolo ya React ga e tlhole e na le logic epe ya kgwebo gotlhelele. Ga go na useWatch, ga go na JSX e e nang le maemo, ga go na sebadi sa dikgato, ga go na ketane ya useMemo, ga go na superRefine. React e dira se tota e se dirang sentle: go ranola karolo le go e tsenya mo pitso ya API. Ke Eng se se Tswileng mo React?

Matshwenyego Mokgobo wa RHF PatlisisoJS Ponagalo Makala a JSX bonalaFa Boleng jo bo bonweng dirisaTshupanako / dirisaMemo tlhagiso Melao ya go kgabaganya mabala Tlhafatsa thata Maemo a sekema Tsamaiso boemo jwa kgato Tsebe e a bonalaFa Lefelo la molao E anamisitswe mo difaeleng tsotlhe E kopantswe mo sekemeng

Se se nnang mo React ke thulaganyo, setaele, go tsenya dithapo tsa thomelo, le go kopanya tiriswa, ke gore, dilo tse React e diretsweng tsone tota. Sengwe le sengwe se sengwe se ne sa tsena mo sekemeng, mme ka gonne sekema e le selo fela sa JSON, se ka bolokwa mo polokelotshedimosetsong, sa fetolwa go sa kgathalesege khoutu ya tiriso ya gago, kgotsa sa rulaganngwa ka didirisiwa tsa ka fa gare kwantle ga go tlhoka go dirisiwa. Motsamaisi wa setlhagiswa yo o tlhokang go fetola selekanyo se se tlhotlheletsang tsebe ya tshekatsheko a ka dira jalo ntle le go ama karolo. Eo ke pharologano e e nang le bokao ya tiro ya ditlhopha tse mo go tsone boitshwaro jwa sebopego bo fetogang kgapetsakgapetsa mme e seng ka metlha bo kgweediwang ke baenjenere. Go Dirisa Mokgwa Mongwe le Mongwe Leng? Molao o o siameng o o ntshwanelang ke ono: akanya fela o phimola foromo gotlhelele. O ne o tla latlhegelwa ke eng?

Fa e le gore ke diskrini, o batla diforomo tse di tsamaisiwang ke dikarolo. Fa e le gore ke tlhaloganyo ya kgwebo, jaaka melelwane, melao ya makala, le ditlhokego tsa maemo tse di tsenyang ditshwetso tsa mmatota, o batla enjene ya sekema.

Ka tsela e e tshwanang, fa e le gore diphetogo tse di tlang mo tseleng ya gago di ama thata dileibole, masimo le thulaganyo, RHF e tla go thusa sentle. Fa e le gore ke ka ga maemo, dipoelo, le melao e setlhopha sa gago sa di-ops kgotsa sa semolao se ka nnang sa tlhoka go e fetola ka Labobedi thapama kwantle ga go faela thekethe, sekao sa sekema se se nang le SurveyJS ke sone se se tshwanelang thata. Mekgwa e mebedi eno tota ga e gaisane. Di rarabolola ditlhopha tse di farologaneng tsa mathata, mme phoso e e tshwanetseng go tilwa ke go sa tshwane le kakanyo le bokete jwa tlhaloganyo — go tshwara tsamaiso ya melao jaaka karolo ka gonne seo ke sedirisiwa se se tlwaelegileng, kgotsa go fitlhelela enjene ya pholisi ka gonne foromo e ne ya gola go nna dikgato di le tharo mme ya bona lefelo le le nang le maemo. Sebopego se re se agileng fano se nna gaufi le molelwane ka boomo, se raraane go ka senola pharologano mme e seng se se feteletseng mo e leng gore papiso e ikutlwa e dirilwe ka boferefere. Bontsi jwa diforomo tsa mmatota tse di sa tlholeng di dirisiwa mo codebase ya gago gongwe di nna gaufi le molelwane oo, mme potso gantsi ke gore a go na le mongwe yo o biditseng se tota e leng sone. Dirisa Foromo ya React Hook + Zod fa:

Diforomo di ikaegile ka CRUD; Logic ga e boteng e bile e kgweediwa ke UI; Baenjenere ke beng ba boitshwaro jotlhe; Backend e sala e le motswedi wa boammaaruri.

Dirisa PatlisisoJS fa:

Diforomo di tsenya dikhoutu tsa ditshwetso tsa kgwebo; Melao e fetoga go sa ikaega ka UI; Logic e tshwanetse go bonala, go tlhatlhobiwa, kgotsa go fetolwa; Batho ba e seng baenjenere ba tlhotlheletsa boitshwaro; Foromo e le nngwe e tshwanetse go tsamaya mo di-frontend tse dintsi.

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free