Reilu varoitus! Tämä ei ole nopea, suoraviivainen, asiantuntijavetoinen aura näiden tekniikoiden perustamiseen. Vaikka loppujen lopuksi saamme kaiken onnistuneesti käyntiin. Kyse on todellisen kokemuksen dokumentoinnista tällaisen työn tekemisestä. Jotkut asiat toimivat helposti, jotkut eivät. Joskus se on minun vikani. Joskus asiakirjat ovat epäselviä. Joskus muutoksia on tapahtunut jalkojemme alla. Meidän on taisteltava kaiken läpi.
Meillä on täällä pieni suunnitelma. Haluamme kehittää paikallisen projektin, joka käyttää:
- Reagoi: Oletetaan, että rakennamme kylpylää ja haluamme kovasti työskennellä komponenttimallin kanssa.
- ReactDOM - Rakennamme verkkoa varten.
- Webpack: Haluamme kehityspalvelimen, kuumien moduulien uudelleenlatauksen ja tavan niputtaa riippuvuutemme tuotannon arvoisella tavalla.
- Babel: Emme ehkä tarvitse paljon tulevaa JavaScript-kääntöä alaspäin, mutta tarvitsemme JSX: n, ja Babel kokoaa sen.
- CSS-moduulit: Haluamme kirjoittaa joitain eristettyjä komponenttikohtaisia CSS: itä, ja tämä on mukava tapa tehdä se siellä, missä tyylimme pysyvät tyylitaulukoissa.
Onneksi, kun suunnittelin tehdä tätä videota, löysin Linh Nguyen Myin artikkelin "Kuinka luoda React-sovellus tyhjästä Webpack 4: n avulla". 12,5 tuhatta taputusta Mediumilla! Vau! Lisäsin siihen myös joukon taputuksia, koska se näyttää olevan yksi opetusohjelma, joka todella kattaa tämän erittäin suositun ystävien yhdistelmän lähestyttävällä tavalla, joka todella toimii.
Tämä ei tarkoita sitä, että kaikki menee helposti ja sujuvasti! Olen törmännyt kuormiin pieniä ongelmia matkan varrella. Jotkut siitä ovat minua rasvaa sormittavia asioita. Jotkut niistä ovat salaperäisiä virheitä, jotka tulevat esiin, kun suoritamme komentoja, joita tuskin ymmärrän. Jotkut niistä näyttävät puuttuvan dokumentaatiota ominaisuuksista. Siitä huolimatta saamme kaiken loppujen lopuksi selville ja meillä on toimiva projekti!