Nástroj GUI na najrýchlejšie zostavenie vašej reakčnej aplikácie so všetkými komponentmi

Blog

Nástroj GUI na najrýchlejšie zostavenie vašej reakčnej aplikácie so všetkými komponentmi

React Builder

Vytvárajte svoje reakcie rýchlejšie

Prispôsobte svoju reaktívnu aplikáciu pomocou komponentov a stránok prispôsobených vašim potrebám pomocou smerovania a navigácie s požadovanými závislosťami, ktoré už boli urobené za vás. Všetko na dosah kliknutia.



. Nahlásiť chybu · · Požiadať o funkciu






O projekte



Aplikácia, ktorá vám pomôže rýchlejšie vytvárať reakcie vašich aplikácií. Prispôsobte svoju reaktívnu aplikáciu pomocou komponentov a stránok prispôsobených vašim potrebám pomocou smerovania a navigácie s požadovanými závislosťami, ktoré už boli urobené za vás. Všetko na dosah kliknutia.



Na čo ti to je?

  • Vytvárajte funkčné alebo triedne komponenty so stavom integrovaným alebo voliteľným podľa vás.
  • Vytvárajte funkčné alebo triedne stránky so stavom integrovaným alebo voliteľným podľa vás.
  • Smeruje za vás a vytvára preň zodpovedajúci navigačný komponent.
  • Pridajte do svojho projektu závislosti.
  • Všetko vyššie uvedené jediným kliknutím a ste pripravení ísť.

Postavený s






Začíname

Ak chcete vytvoriť miestnu kópiu a spustiť projekt lokálne, postupujte podľa týchto jednoduchých krokov.

Predpoklady

Majte v systéme nainštalovaný Node a správcu balíkov.

Inštalácia

  1. Naklonujte repo a zadajte ho
git clone https://github.com/amanjagdev/react-builder.git cd react-builder
  1. Nainštalujte balíky
yarn | npm install
  1. Spustite vývojový server
yarn start | npm start

Použitie

Krok 1 | Vyberte si svoje preferencie

Tu si môžete vybrať preferované štartovacie prostredie, ktoré v súčasnosti podporuje iba | _+_ |. Navyše si môžete vybrať medzi priadzou alebo npm/npx. A svojmu projektu môžete dať názov.

Krok 2 | Vyberte Závislosti, ktoré chcete pridať

Môžete priamo spomenúť balíky, ktoré chcete do aplikácie pridať. Príklad: Máme | _+_ | atď…

Krok 3 | Pridajte komponenty a stránky

Tu môžete pridať všetky názvy komponentov podľa ich typu a môžete vybrať, či je komponent stránkou alebo nie.

Poznámka: Smerovanie sa bude vykonávať iba medzi komponentmi označenými ako stránky

Krok 4 | Pridajte smerovanie

Odtiaľto môžete vo svojej aplikácii povoliť smerovanie. Môžete si tiež vybrať, ktorý komponent chcete použiť ako navigačný komponent, alebo môžete povedať Navigačný panel.

POZNÁMKA : Neodstraňujte | _+_ | závislosť, ak povolíte smerovanie

salesforce cpq pohovor otázky

Krok 5 | Zostavte si svoju aplikáciu

Akonáhle kliknete na Vytvoriť aplikáciu Stiahne súbor js a poskytne vám skript

Tento súbor js budete musieť umiestniť do priečinka, v ktorom chcete vytvoriť aplikáciu React, a spustiť tam skript.

Konečný výsledok

Úspešne ste vytvorili svoju aplikáciu React s požadovanými predvoľbami.

Štruktúra priečinkov vygenerovaná pomocou súboru App.js podľa vyššie uvedených krokov vyzerá takto.

Cestovná mapa

Pozrite si otvorené problémy zoznam navrhovaných funkcií (a známych problémov).

Prispievanie

Príspevky sú to, čo robí z open source komunity také úžasné miesto, kde sa môžete učiť, inšpirovať a vytvárať. Všetky vaše príspevky sú srdečne oceňujem .

  1. Rozvidli projekt
  2. Vytvorte si pobočku (| _+_ |)
  3. Potvrďte svoje zmeny (| _+_ |)
  4. Zatlačte na pobočku (| _+_ |)
  5. Otvorte žiadosť o stiahnutie

Podrobnosti na stiahnutie:

Autor: amanjagdev

Demo: https://react-builder.now.sh/

Zdrojový kód: https://github.com/amanjagdev/react-builder

#react #reactjs #javascript