Witaj w moim samouczku nowoczesnego stosu JavaScript: JavaScript Stack from Scratch.
🎉 To jest wersja V2 tego samouczka, główne zmiany nastąpiły od wydania 2016. Sprawdź Change Log!
Jest to prosty przewodnik po stosie JavaScript. Wymaga to ogólnej wiedzy programistycznej i podstaw JavaScript. Skupia się na łączeniu narzędzi razem i pokazuje możliwie najprostszy przykład dla każdego narzędzia. Możesz traktować ten samouczek także jako sposób na napisanie własnego schematu od podstaw. Ponieważ celem tego samouczka jest zestawienie różnych narzędzi, nie wchodzę w szczegóły na temat tego, jak działają one indywidualnie. Zapoznaj się z ich dokumentacją lub znajdź inne samouczki, jeśli chcesz zdobyć w nich głębszą wiedzę.
Nie musisz używać całego tego stosu, jeśli zbudujesz prostą stronę internetową z kilkoma interakcjami JS (kombinacja Browserify / Webpack + Babel + jQuery jest wystarczająca, aby móc pisać kod ES6 w różnych plikach), ale jeśli chcesz zbudować skalowalną aplikację internetową i potrzebujesz pomocy w konfigurowaniu, ten samouczek będzie dla Ciebie odpowiedni.
Duża część stosu opisanego w tym samouczku używa React. Jeśli zaczynasz i chcesz się nauczyć Reacta, create-react-app szybko uruchomisz środowisko React ze wstępną konfiguracją. Poleciłbym na przykład to podejście komuś, kto przybywa do zespołu korzystającego z React i musi nadrobić zaległości w nauce. W tym samouczku nie będziesz używać gotowej konfiguracji, ponieważ chcę, abyś zrozumiał wszystko, co dzieje się pod maską.
Przykłady kodów są dostępne dla każdego rozdziału i można je wszystkie uruchomić z yarn && yarn start. Zalecam jednak pisanie wszystkiego od podstaw, postępując zgodnie z instrukcjami krok po kroku.
Końcowy kod dostępny w repozytorium JS-Stack-Boilerplate, oraz w wydaniach. Tam jest także live demo.
Działa w systemach Linux, macOS i Windows.
Uwaga: Od czasu ostatniej edycji tego samouczka w maju 2017 r. Kilka bibliotek nieznacznie zmieniło swoje interfejsy API. 95% samouczka jest nadal w pełni poprawnych, ale jeśli wpadniesz na coś dziwnego, koniecznie sprawdź open issues.
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
Konfigurowanie edytora (pierwszy Atom), MongoDB, Progressive Web App, testowanie E2E.
Jeśli chcesz dodać swoje tłumaczenie, przeczytaj rekomendacje dotyczące tłumaczeń aby zacząć!
- bułgarski od mihailgaberov
- chiński (uproszczony) od @yepbug
- francuski od Naomi Hauret
- włoski od Fabrizio Bertone - fbertone.it
- polski od mbiesiad
Sprawdź bieżące tłumaczenia.
- 中文 od @pd4d10
- Italiano od Fabrizio Bertone
- 日本語 od @takahashim
- Русский od React Theming
- ไทย od MicroBenz
- English od Verekia
Stworzone przez @verekia – verekia.com. Przetłumaczone przez Michał Biesiada @michalbiesiada – @mbiesiad
Licencja: MIT