Spravedlivé varování! Nejedná se o rychlou, přímou a odbornou podporu, jak nastavit tyto technologie. Nakonec to ale úspěšně zvládneme. Jde o dokumentování skutečných zkušeností s prováděním tohoto druhu práce. Některé věci fungují snadno, jiné ne. Někdy je to moje chyba. Někdy jsou dokumenty nejasné. Někdy se pod našimi nohama staly změny. Musíme to všechno probojovat.
Máme tady malý plán. Chceme udělat lokální projekt, který používá:
- Reagovat: Řekněme, že budujeme SPA a silně toužíme pracovat s modelem komponent.
- ReactDOM - stavíme pro web.
- Webpack: Chceme server dev, opětovné načtení horkých modulů a způsob, jak spojit naše závislosti způsobem hodným produkce.
- Babel: Možná nebudeme potřebovat mnoho budoucích kompilací JavaScriptu, ale potřebujeme JSX a Babel je to, co to kompiluje.
- Moduly CSS: Chceme napsat několik izolovaných CSS specifických pro jednotlivé komponenty a je to pěkný způsob, jak to udělat tam, kde naše styly zůstanou v šablonách stylů.
Naštěstí, když jsem plánoval udělat toto video, našel jsem článek „Jak vytvořit aplikaci React od nuly pomocí Webpack 4“ od Linha Nguyena My. 12,5 tis. Tleskání na médiu! Páni! Přidal jsem k tomu také spoustu tleskání, protože se zdá, že je to jeden tutoriál, který ve skutečnosti pokrývá tuto super populární kombinaci přátel přístupným způsobem, který skutečně funguje.
To neznamená, že vše jde snadno a hladce! Během cesty jsem narazil na spoustu malých problémů. Některé z nich jsou věci, které mě baví. Některé z nich jsou záhadné chyby, které se objevují, když spouštíme příkazy, kterým stěží rozumím. Zdá se, že některým chybí dokumentace o funkcích. Nakonec to ale vše vyřešíme a máme funkční projekt!