JavaScript Stack from Scratch

Это ру�?�?ко�?зычна�? вер�?и�? руковод�?тва Джонатана Верекии (@verekia). Оригинальное руковод�?тво ра�?положено зде�?ь. �?ачата работа по переводу второй ча�?ти. Перва�? вер�?и�? находит�?�? тут

Добро пожаловать в мое �?овременное руковод�?тво по �?теку технологий JavaScript: Стек технологий JavaScript �? нул�?.

🎉 Это втора�? вер�?и�? руковод�?тва. По �?равнению �? предыдущм релизом 2016г произведены значительные изменени�?. См. Change Log!

Это практико-ориентированное по�?обие по применению JavaScript технологий. Вам потребуют�?�? общие знани�? по программированию и о�?новы JavaScript. Это по�?обие нацелено на интеграцию необходимых ин�?трументов и предо�?тавл�?ет мак�?имально про�?тые примеры дл�? каждого ин�?трумента. Вы можете ра�?�?матривать данный документ, как возможно�?ть �?оздать �?вой �?об�?твенный шаблонный проект �? нул�?. По�?кольку целью �?того руковод�?тва �?вл�?ет�?�? �?борка различных ин�?трументов, �? не буду вдавать�?�? в детали по каждому из них. Е�?ли вы хотите получить по ним более глубокие знани�?, изучайте их документацию или другие руковод�?тва.

Конечно, вам не нужны в�?е �?ти технологии, е�?ли вы делаете про�?тую веб �?траницу �? парой JS функций (комбинации Browserify / Webpack + Babel + jQuery до�?таточно, чтобы напи�?ать ES6 код в не�?кольких файлах), но е�?ли вы �?обираете�?ь �?оздать ма�?штабируемое веб приложение, и вам нужно в�?е правильно на�?троить, то �?то руковод�?тво вам отлично подходит.

В большой ча�?ти технологий, опи�?ываемых зде�?ь, и�?пользует�?�? React. Е�?ли вы только начинаете и�?пользовать React и про�?то хотите изучить его, то create-react-app поможет вам и кратко ознакомит �? инфра�?труктурой React на о�?нове преду�?тановленной конфигурации. Я бы, например, порекомендовал такой подход дл�? тех, кому нужно влить�?�? в команду, и�?пользующую React, и на чем-то потренировать�?�?, чтобы подт�?нуть �?вои знани�?. В �?том руковод�?тве мы не будем пользовать�?�? преду�?тановленными конфигураци�?ми, по�?кольку �? хочу, чтобы вы полно�?тью понимали в�?е, что прои�?ходит "под капотом".

В каждой ча�?ти руковод�?тва имеют�?�? примеры кода, и вы можете запу�?кать их через yarn && yarn start. Однако �? рекомендую пи�?ать в�?е �? нул�? �?амо�?то�?тельно, �?леду�? пошаговым ин�?трукци�?м.

Итоговый код данного руковод�?тва до�?тупен в отдельном репозитории: JS-Stack-Boilerplate repository. Он работает под Linux, macOS, и Windows.

Содержание

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

Далее планирует�?�?

�?а�?тройка вашего редактора (Atom и другие), MongoDB, Прогре�?�?ивное веб приложение (Progressive Web App).

Переводы на другие �?зыки

Е�?ли вы хотите добавить перевод на другой �?зык, пожалуй�?та читайте рекомендации по переводу чтобы начать!

Вер�?и�? 2

• Ру�?�?кий в проце�?�?е превода by React Theming

Вер�?и�? 1

• 中文 by @pd4d10
• Italiano by Fabrizio Bertone
• 日本語 by @takahashim
• Ру�?�?кий by React Theming
• ไทย by MicroBenz

Сведени�?

Создано @verekia – verekia.com.

Переведено @usulpro - react-theming

Лицензи�?: MIT