Skip to content

🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack. - Przewodnik po nowoczesnym JavaScript!

License

Notifications You must be signed in to change notification settings

mbiesiad/js-stack-from-scratch

 
 

Repository files navigation

JavaScript Stack from Scratch

Build Status Release Dependencies Dev Dependencies Gitter

React Redux React Router Flow ESLint Jest Yarn Webpack Bootstrap

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.

Spis treści

01 - Node, Yarn, package.json

02 - Babel, ES6, ESLint, Flow, Jest, Husky

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO

08 - Bootstrap, JSS

09 - Travis, Coveralls, Heroku

Już wkrótce

Konfigurowanie edytora (pierwszy Atom), MongoDB, Progressive Web App, testowanie E2E.

Tłumaczenia

Jeśli chcesz dodać swoje tłumaczenie, przeczytaj rekomendacje dotyczące tłumaczeń aby zacząć!

V2

Sprawdź bieżące tłumaczenia.

V1

Zasługi

Stworzone przez @verekiaverekia.com. Przetłumaczone przez Michał Biesiada @michalbiesiada@mbiesiad

Licencja: MIT

About

🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack. - Przewodnik po nowoczesnym JavaScript!

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%