Pošteno upozorenje! Ovo nije brzi, izravni, stručni poduhvat kako postaviti ove tehnologije. Iako na kraju sve to uspješno pokrećemo. Ovdje se radi o dokumentiranju stvarnog iskustva obavljanja ove vrste posla. Neke stvari rade lako, neke ne. Ponekad sam ja kriva. Dokumenti su ponekad nejasni. Ponekad su se promjene dogodile pod našim nogama. Moramo se boriti kroz sve to.
Ovdje imamo mali plan. Ono što želimo učiniti je pokrenuti lokalni projekt koji koristi:
- Reagirajte: Recimo da gradimo SPA i jako želimo raditi s modelom komponenata.
- ReactDOM - gradimo za web.
- Webpack: Želimo razvojni poslužitelj, ponovno učitavanje modula i način za grupiranje naših ovisnosti na proizvodno dostojan način.
- Babel: Možda nam neće trebati puno budućeg kompajliranja JavaScript-a, ali treba nam JSX, a Babel je ono što ga kompilira.
- CSS moduli: Želimo napisati neke izolirane CSS specifične za komponente i to je lijep način da to učinimo tamo gdje naši stilovi ostaju u tablicama stilova.
Srećom, dok sam planirao napraviti ovaj video, pronašao sam članak "Kako stvoriti React aplikaciju od nule pomoću Webpack-a 4", autora Linh Nguyen My. 12,5K pljeska na Mediumu! Vau! Dodao sam mu i mnoštvo pljeska, jer čini se da je to jedini tutorial koji zapravo pokriva ovu super popularnu kombinaciju prijatelja na pristupačan način koji zapravo djeluje.
To ne znači da sve ide lako i glatko! Putem naletim na gomilu sitnih problema. Nešto od toga su moje masne prste. Neke od njih su misteriozne pogreške koje se pojave kad pokrenemo naredbe koje jedva razumijem. Čini se da nekima nedostaje dokumentacija o značajkama. Ipak, sve to na kraju riješimo i imamo radni projekt!