Taisnīgs brīdinājums! Tas nav ātrs, vienkāršs, ekspertu virzīts arkls, kā uzstādīt šīs tehnoloģijas. Lai gan līdz beigām mēs to visu veiksmīgi realizējam. Runa ir par šāda veida darba reālās pieredzes dokumentēšanu. Dažas lietas darbojas viegli, dažas ne. Dažreiz tā ir mana vaina. Dažreiz dokumenti ir neskaidri. Dažreiz izmaiņas ir notikušas zem mūsu kājām. Mums tas viss ir jācīnās.
Mums šeit ir neliels plāns. Mēs vēlamies izveidot vietējo projektu, kurā tiek izmantoti:
- Reaģējiet: Pieņemsim, ka mēs veidojam SPA un ļoti vēlamies strādāt ar komponentu modeli.
- ReactDOM - mēs veidojam tīmekli.
- Webpack: mēs vēlamies izstrādātāja serveri, karstā moduļa atkārtotu ielādi un veidu, kā produkcijas cienīgā veidā apvienot mūsu atkarības.
- Bābele: Iespējams, ka mums nākotnē nevajadzēs daudz JavaScript kompilēšanas, bet mums ir nepieciešams JSX, un Bābele to kompilē.
- CSS moduļi: mēs vēlamies uzrakstīt dažus izolētus komponentiem raksturīgus CSS, un tas ir jauks veids, kā to izdarīt, ja mūsu stili paliek stilu lapās.
Par laimi, plānojot šo videoklipu, es atradu Linh Nguyen My rakstu “Kā izveidot lietotni React no nulles, izmantojot Webpack 4”. 12,5 tūkstoši klapē Medium! Oho! Es tam pievienoju arī virkni plašu, jo šķiet, ka tā ir viena apmācība, kas faktiski aptver šo superpopulāro draugu kombināciju pieejamā veidā, kas faktiski darbojas.
Tas nenozīmē, ka viss notiek viegli un gludi! Pa ceļam es saskaros ar mazām nepatikšanām. Dažas no tām ir manas tauku aptaustīšanas lietas. Dažas no tām ir noslēpumainas kļūdas, kas parādās, izpildot komandas, kuras es tikko saprotu. Šķiet, ka daļai no tiem trūkst dokumentācijas par funkcijām. Neskatoties uz to, galu galā mēs to visu sakārtojam un mums ir darba projekts!