Teisingas perspėjimas! Tai nėra greitas, paprastas, ekspertų valdomas plūgas, kaip sukurti šias technologijas. Nors iki galo viską sėkmingai įgyvendiname. Kalbama apie tokio darbo atlikimo realiame pasaulyje patirtį. Kai kurie dalykai veikia lengvai, kai kurie - ne. Kartais dėl to kalta aš. Kartais dokumentai yra neaiškūs. Kartais pokyčiai įvyko po mūsų kojomis. Turime per visa tai kovoti.
Čia mes turime mažą planą. Tai, ką mes norime padaryti, yra sukurti vietinį projektą, kuriame naudojami:
- Reaguokite: Tarkime, mes kuriame SPA ir labai norime dirbti su komponentų modeliu.
- „ReactDOM“ - kuriame internetą.
- „Webpack“: norime „dev“ serverio, karšto modulio perkėlimo ir būdo, kaip derėtų susieti savo priklausomybes produkcijos vertas.
- „Babel“: Mums gali nebereikėti daugybės „JavaScript“ kompiliavimo ateityje, bet mums reikia JSX, o „Babel“ tai yra kompiliatorius.
- CSS moduliai: Mes norime parašyti atskirą komponentui būdingą CSS ir tai yra puikus būdas tai padaryti ten, kur mūsų stiliai lieka stiliaus lapuose.
Laimei, kai planavau daryti šį vaizdo įrašą, radau Linho Nguyeno straipsnį „Kaip sukurti„ React “programą nuo nulio naudojant„ Webpack 4 “. 12,5 tūkst. Plojimų „Medium“! Oho! Aš taip pat pridėjau daugybę plojimų, nes atrodo, kad tai yra viena pamoka, kuri iš tikrųjų apima šį super populiarų draugų derinį prieinamu būdu, kuris iš tikrųjų veikia.
Tai nereiškia, kad viskas vyksta lengvai ir sklandžiai! Pakeliui susiduriu su mažomis bėdomis. Kai kurie iš jų yra man riebaliukai. Kai kurie iš jų yra paslaptingos klaidos, atsirandančios vykdant komandas, kurias aš vos suprantu. Atrodo, kad kai kuriose iš jų trūksta dokumentų apie funkcijas. Nepaisant to, galų gale mes viską sutvarkome ir turime veikiantį projektą!