Preskočiť na obsah

Prechod z WeWeb na React.

Zdokumentujeme, ako vaša aplikácia funguje. Potom v Reacte postavíme jej stránky, formuláre, procesy a oprávnenia. Výsledkom je kód, ktorý váš vývojársky tím dokáže kontrolovať, testovať a udržiavať.

Oplatí sa vám prestavba?

WeWeb pomáha tímom rýchlo spustiť aplikáciu s nižšími počiatočnými nákladmi. AI dnes dokáže znížiť aj cenu vývoja na mieru. Migrácia však má zmysel len vtedy, keď rieši problémy súčasnej aplikácie.

  • Kedy WeWeb stále dáva zmysel

    Ak aplikácia funguje dobre a tím dokáže robiť potrebné zmeny, zostať na WeWeb môže byť najlepšia voľba.

  • Kedy zvážiť vlastný kód

    Prestavbu sa oplatí zvážiť, keď sa aplikácia ťažko mení alebo testuje a potrebujete väčšiu kontrolu nad jej fungovaním.

Zostať na WeWeb, alebo prejsť na kód?

Rozhodujte sa podľa potrieb aplikácie a vášho tímu.

Kedy zostať na WeWeb

  • Produkt je stabilný, plán rozvoja skromný a súčasné riešenie tím nebrzdí.
  • S vizuálnym editorom ste stále takí rýchli, že to vyváži dlhodobé nevýhody.
  • Hlavný problém je rozhodnúť sa, čo postaviť, nie obmedzenia WeWeb.
  • Chcete vlastný kód, ale neviete pomenovať problém, ktorý by vyriešil.

Kedy prejsť na kód

  • Aplikáciu plánujete udržiavať a rozvíjať niekoľko rokov.
  • Dôležitá logika je rozdelená medzi premenné, procesy, kolekcie a pluginy. Tím sa v nich ťažko vyzná a zmeny sú riskantné.
  • Tím potrebuje priamu kontrolu nad navigáciou, prihlasovaním, načítaním dát, formulármi a oprávneniami.
  • Potrebujete lepšie možnosti testovania, hľadania chýb a údržby kódu.
  • Máte čas aj rozpočet na prestavbu a testovanie aplikácie.

Z exportu zistíme, ako aplikácia funguje.

Export ukáže, čo aplikácia robí a ako sú jej časti prepojené. Podľa toho zdokumentujeme požiadavky na novú aplikáciu.

  1. Ako export funguje

    WeWeb pri behu aplikácie číta definície stránok, ciest, kolekcií, premenných, procesov a pluginov. Pred prestavbou potrebujeme pochopiť, ako spolu fungujú.

  2. Prečo priamy prevod nestačí

    Priamy prevod vygenerovaných Vue súborov do Reactu môže zachovať tú istú neprehľadnú logiku. Kód preto usporiadame podľa funkcií aplikácie.

  3. Čo zachováme

    Zdokumentujeme stránky, roly, procesy a dáta, ktoré jednotlivé funkcie potrebujú. Vznikne tak zoznam na kontrolu pri vývoji aj testovaní.

Ako plánujeme prestavbu.

Prejdeme navigáciu, roly, prenos dát, odosielanie formulárov, spúšťanie procesov a prepojenia s inými systémami.

Dohodneme sa, ktoré funkcie a pravidlá zachovať. Potom navrhneme, ako ich usporiadať v novom kóde.

Každá časť aplikácie má určenú úlohu, aby vývojári vedeli nájsť a zmeniť potrebný kód.

Ako migrácia prebieha

  1. Prejdeme export z WeWeb a zdokumentujeme, čo aplikácia z pohľadu používateľa naozaj robí.

  2. Dohodneme sa, ktoré funkcie a pravidlá musí nová aplikácia zachovať.

  3. Navrhneme navigáciu, funkcie, dátové modely, kontrolu formulárov a oprávnenia.

  4. Aplikáciu postavíme v Reacte. Pre jednotlivé časti vytvoríme samostatné moduly.

  5. Zdokumentované správanie použijeme ako zoznam na kontrolu pri testovaní novej aplikácie.

Čo sa zvyčajne zmení pri prechode z WeWeb na React.

V novom kóde má váš tím priamu kontrolu nad týmito časťami aplikácie.

  • Navigácia a prístup k stránkam

    • Kód, ktorý určuje každú stránku a jej URL
    • Určené kontroly prihlásenia a používateľských oprávnení
    • Kód na čítanie a zmenu filtrov a ďalšieho stavu v URL
  • Dáta a procesy

    • Typované API funkcie na načítanie a úpravu dát
    • Pomenované funkcie pre pravidlá a procesy aplikácie
    • Dátové dopyty a zmeny pri funkciách, ktoré ich používajú
  • Formuláre a používateľské rozhranie

    • Určené pravidlá kontroly údajov pre každý formulár
    • Opakovane použiteľné komponenty pre jednotný vzhľad stránok
    • Oddelená správa stavu stránky, dát zo servera a uložených nastavení

Vlastný nástroj nám pomáha zdokumentovať vašu WeWeb aplikáciu.

Vytvorili sme skill pre Cursor a Claude Code, ktorý prechádza kód WeWeb aplikácie a dokumentuje jej stránky a správanie. Analýzu používame na odhad práce a prípravu testov.

Porozprávať sa o migrácii z WeWeb

Ako nám pomáha

  • Rýchlejšia analýza funkcií stránku po stránke ešte pred začiatkom prestavby
  • Zoznam funkcií, podľa ktorého odhadneme prácu na migrácii
  • Zoznam na testovanie, ktorý zahŕňa aj dôležité procesy
  • Menej času stráveného prechádzaním vygenerovaných súborov

Kým sa pustíte do prestavby.

Na toto sa nás tímy zvyčajne pýtajú, skôr než sa rozhodnú, či aplikáciu prestavať.

Máme už teraz prejsť z WeWeb na vlastný kód?

Ak aplikácia funguje dobre a tím dokáže robiť potrebné zmeny, zostať na WeWeb môže byť rozumné. Migráciu zvážte, keď chcete aplikáciu ďalej rozvíjať a platforma zmeny komplikuje, predražuje alebo zvyšuje riziko chýb.

Je migrácia z WeWeb len prepis frontendu?

Zahŕňa viac než prekreslenie obrazoviek. Export obsahuje aj navigáciu, premenné, procesy, dátové kolekcie a logiku pluginov. Zdokumentujeme, ako tieto časti spolu fungujú, a potom ich postavíme v novom kóde.

Prečo tímy z WeWeb často prechádzajú na React?

React dáva vývojárom priamu kontrolu nad rozhraním, stavom a štruktúrou komponentov. Aplikácia sa tak môže ľahšie testovať a meniť bez zisťovania, ako WeWeb spúšťa každú funkciu.

Ako usporiadate novú React aplikáciu?

Kód rozdelíme podľa funkcií aplikácie. Oddelíme navigáciu, volania API, formuláre a správu stavu. Správanie zdokumentované vo WeWeb prevedieme na funkcie a komponenty, ktoré tím dokáže kontrolovať a testovať.

Na čo slúži váš skill na migráciu z WeWeb?

Pomáha nám prejsť kód WeWeb a zdokumentovať jednotlivé stránky, akcie a procesy. Podľa dokumentu odhadneme prácu a overíme, či nová aplikácia funguje podľa očakávania.

Pomáhate aj s plánovaním a testovaním?

Áno. Pomôžeme s rozhodnutím, či migrovať, aj s plánom práce, návrhom a vývojom novej aplikácie. Otestujeme ju pred prechodom aj po ňom.

Uvažujete o odchode z WeWeb?

Pomôžeme vám rozhodnúť sa, či migrovať, a naplánovať prestavbu.

JurajCEO, QikBuild

Z hovoru si odnesiete

  • Návrh, čo by sme postavili ako prvé
  • Orientačnú cenu
  • Odpoveď, či sa vám oplatí softvér na mieru
Dohodnúť 30-minútový hovor

Alebo napíšte na hello@qikbuild.com