INHOUDSOPGAWE:
Video: Gebruik reageer Webpack?
2024 Outeur: Lynn Donovan | [email protected]. Laas verander: 2023-12-15 23:42
Reageer het nie "benodig" babel of webpak maar die biblioteek is gebou op die konsep van gebruik ES6 javascript sintaksis en JSX (in wese HTML in JS). Webpak is apart van Reageer maar algemeen gebruik in Reageer projekte om redes wat MattYao genoem het.
Gebruik die skep-reageer-app ook Webpack?
Gebruik Create React App Create React App gebruike Webpak en Babel onder die enjinkap, maar dit genereer net die lêers wat jy nodig het om aan jou te werk Reageer projek. As jy gebou het Reageer programme tevore, gaan jy nie toegang tot konfigurasielêers hê nie Webpak , Babel, ESLint, ens. Op dié manier fokus jy daarop om net jou app.
Net so, hoe laat ek 'n Webpack reageer? Stap 2: Stel Babel en Webpack op
- Maak 'n opdragprompt oop en navigeer (cd) na die es6-tutorial-react-gids.
- Tik die volgende opdrag om 'n package.json-lêer te skep: npm init.
- Tik die volgende opdrag om die react- en react-dom-modules te installeer: npm install react react-dom --save-dev.
Behalwe hierbo, hoekom gebruik ons Webpack in reaksie?
Dit kan nie net kombinasie en verkleining van JavaScript- en CSS-lêers hanteer nie, maar ook ander bates soos beeldlêers (spriting) deur die gebruik van plugins. Webpak Kan wees gebruik word as 'n alternatief vir Cassette of ASP. NET Kombinasie en Minifikasie.
Hoe voeg ek 'n Webpack by ReactJS?
Installeer ReactJS met behulp van webpack en babel
- Stap 1 - Skep die wortelgids.
- Stap 2 - installeer Reageer en reageer dom.
- Stap 3 - Installeer webpack.
- Stap 4 - Installeer babel.
- Stap 5 - Skep die lêers.
- Stap 6 - Stel samesteller, bediener en laaiers.
- Stap 7 - indeks.
- Stap 8 - Toep.
Aanbeveel:
Hoekom gebruik ons JSX in reageer JS?
JSX is 'n sintaksisuitbreiding vir ReactJS wat ondersteuning byvoeg vir die skryf van HTML-etikette in JavaScript. Bo en behalwe ReactJS, skep dit 'n baie kragtige manier om 'n webtoepassing uit te druk. As jy bekend is met ReactJS, weet jy dat dit 'n biblioteek is vir die implementering van webkomponent-gebaseerde frontend-toepassings
Moet ek eers leer reageer of inheems reageer?
As jy toevallig vertroud is met mobiele ontwikkeling, is dit dalk beter om met React Native te begin. Jy sal dan al die grondbeginsels van React in hierdie omgewing leer eerder as om dit in 'n webomgewing te leer. Jy leer React maar moet steeds HTML en CSS gebruik wat nie nuut vir jou is nie
Watter agterkant om met reageer te gebruik?
Watter agtergrondtaal moet u saam met React gebruik? React is 'n frontend-biblioteek wat in die blaaier loop. Soos enige ander frontend-biblioteek (jQuery, ens.), is dit bly om deur enige soort backend bedien te word. Jy kan Python/Flask, Ruby on Rails, Java/Spring, PHP, ens
Hoe gebruik ek modules in reageer CSS?
Die gebruik van CSS-modules is regtig, baie eenvoudig: Skep eers 'n normale CSS-lêer. Voeg CSS-klasse by hierdie lêer. Voer die module wat jy sopas geskep het van binne jou komponent in, soos volg in: Om 'n klas te gebruik wat in jou module gedefinieer is, verwys net daarna as 'n normale eienskap vanaf die style-objek, soos:
Kan ek reageer spanning gebruik?
Ons kan 'n werklike voordeel sien om Suspense met React te gebruik. lui vir kode splitsing. Die kode voel sinchronies terwyl dit asinchroon is, en ons hoef nie baie boilerplate te skryf om dinamiese invoer Promise en sy komponentgebruik te bestuur nie. React-kernspan werk daaraan om Suspense te gebruik vir die haal van data