Rakenduse React loomine pole kunagi olnud lihtsam, kasutades selleks loodud-reageerimisrakenduse tööriista, mis on teie jaoks loodud arenduskeskkond. Selle tööriista koostas Facebooki meeskond ja see pakub kaasaegset ehitusseadistust ilma konfiguratsioonita. Kuna see on võimas tööriist, annab rakendus loo-reageeri teile standardmalli, mille abil saate kohe reageerimisrakenduse luua, kulutamata liiga palju aega veebipaketi konfigureerimisele või muudele tehnilistele tagasilöökidele.
Selles artiklis juhendame teid samm-sammult uue Reacti rakenduse loomise protsessis rakenduse loomise ja reageerimise kaudu. Samuti käsitleme mõningate selle teekide ja funktsioonide kasutamist.
Looge rakendus Reageeri
npx create-react-app my-new-app cd my-new-app npm start
Tööriista mõistmine
Kui installite ja käivitate create-react-app, seadistab see failis package.json eelmääratletud skriptidega põhikataloogistruktuuri. Nende skriptidega on kaasas kõik, mida vajate rakenduse koostamiseks, testimiseks ja käivitamiseks. Selle tööriista ilu seisneb selles, et kõik keerukus on peidetud, mis võimaldab teil keskenduda pigem koodile kui keskkonnale.
See tööriist seadistab ka reaalajas arendusserveri, mis laadib teie rakenduse automaatselt uuesti, kui muudate koodi.
Kataloogistruktuur ja olulised failid
- package.json: Kõik teie projekti sõltuvused koos skriptidega rakenduse koostamiseks, testimiseks ja käivitamiseks leiate siit.
- node_modules: See sisaldab kõiki pakette, millest teie projekt sõltub.
- public/index.html: Peamine HTML-fail, mis laaditakse, kui keegi teie saiti külastab. See sisaldab root ID-ga div, kuhu teie rakendus React ühendatakse.
- src/index.js: Teie Reacti rakenduse sisenemispunkt.
Teekide lisamine
Teekide lisamine oma projekti ei saa olla lihtsam. Näiteks kui soovite oma projektile lisada React Routeri, käivitage lihtsalt käsk npm install react-router-dom ja seejärel importige see vastavalt vajadusele oma failidesse. Taustal olev mooduli komplekteerija hoolitseb selle eest, et kõik kaasataks lõplikku ehitusse.
Reacti rakenduse kohandamine
Äsja loodud Reacti rakenduse kohandamine on lihtne. Esiteks saate failis src/App.js muuta olemasolevat koodi vastavalt oma rakenduse vajadustele. Lisaks saate oma komponentide jaoks lisada uusi js-faile ja importida need kasutamiseks rakendusse App.js.
Kokkuvõtteks võib öelda, et loo ja reageeri rakendus on mugav tööriist uue Reacti projekti seadistamiseks ilma ehituskonfiguratsioonita. Kaasas on kaasaegne ehituse seadistus, arendusserver ja mõistlikud vaikeseaded, mis võimaldavad teil keskenduda koodi kirjutamisele, jättes järgu tööriistad rakenduse loomise ja reageerimise jaoks. Pidage meeles, et kui teil on vaja oma järgu seadistust kohandada, võite alati käivitada käsu npm run eject, kuid enamiku rakenduste jaoks peaksid pakutavad vaikeseaded olema enam kui piisavad.
