Home

Awesome

JavaScript Stack from Scratch

Build Status Join the chat at https://gitter.im/js-stack-from-scratch/Lobby

React Redux React Router Flow ESLint Jest Yarn Webpack Bootstrap

Это русскоязычная версия руководства Джонатана Верекии (@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 en

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO en

08 - Bootstrap, JSS en

09 - Travis, Coveralls, Heroku en

Далее планируется

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

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

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

Версия 2

Версия 1

Сведения

Создано @verekiaverekia.com.

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

Лицензия: MIT