# 170: Vaadake, kuidas amatöör reageerib reaktsioonile + Babel + veebipakk + CSS-moodulite projekt - CSS-trikid

Anonim

Õiglane hoiatus! See ei ole nende tehnoloogiate seadistamise kiire, sirgjooneline ja asjatundjate juhitud ader. Kuigi lõpuks saame selle kõik edukalt käima. See on sellise töö tegemise tegeliku kogemuse dokumenteerimine. Mõni asi töötab lihtsalt, mõni mitte. Vahel on see minu süü. Mõnikord on dokumendid ebaselged. Mõnikord on meie jalge all toimunud muutused. Me peame selle kõik läbi võitlema.

Meil on siin väike plaan. Mida me tahame teha, on käivitada kohalik projekt, mis kasutab:

  1. Reageerime: Oletame, et ehitame SPA-d ja soovime tungivalt töötada komponentide mudeliga.
  2. ReactDOM - me ehitame veebi jaoks.
  3. Veebipakk: me tahame arendusserverit, kuuma mooduli ümberlaadimist ja viisi, kuidas oma sõltuvused tootmist väärival viisil kokku panna.
  4. Paabel: Me ei pruugi vajada palju tulevasi JavaScripti kompileerimisi, kuid vajame siiski JSX-i ja Babel on see, mis selle kompileerib.
  5. CSS-moodulid: me tahame kirjutada mõned eraldiseisvad komponendispetsiifilised CSS-id ja see on kena viis seda teha seal, kus meie stiilid jäävad stiililehtedesse.

Õnneks leidsin seda videot plaanides leida Linh Nguyen My artikli “Kuidas luua rakendust React nullist Webpack 4 abil”. 12,5 tuhat plaksutab keskmisel! Vau! Lisasin sellele ka hulga plaksutusi, sest tundub, et see on seal üks õpetus, mis tegelikult hõlmab seda ülipopulaarset sõprade kombinatsiooni vastutulelikul viisil, mis tegelikult töötab.

See ei tähenda, et kõik sujuks lihtsalt ja sujuvalt! Teel satun paljude väikeste murede hulka. Osa sellest olen mina rasva näpuga. Osa sellest on salapärased vead, mis ilmnevad käskude käivitamisel, millest ma vaevu aru saan. Tundub, et mõnel sellest puudub funktsioonide kohta käiv dokumentatsioon. Sellegipoolest saame selle kõik lõpuks korda ja meil on toimiv projekt!