перевод терминов см. Definitions.md
вопросы, замечания, предложения
Добро пожаловать в мое современное руководство по JavaScript стеку: JavaScript стек с Нуля.
Это минималистичное и "сразу-к-делу" руководство по сборке JavaScript стека. Оно требует некоторых общих знаний программирования и основ JavaScript. Оно фокусируется на использовании инструментов вместе и дает Вам простейший возможный пример для каждого инструмента. Вы можете рассматривать это руководство как путь создания собственного шаблона с нуля.
Конечно, Вам не обязательно использовать весь этот стек для создания простой web-страницы с несколькими JS взаимодействиями (комбинации Babel + jQuery достаточно!), но если Вы хотите построить масштабируемое веб-приложение, и Вам нужна помощь в настройке, это руководство отлично Вам подойдёт.
Поскольку целью данного руководства является сборка различных инструментов, я не буду вдаваться в подробности о том, как эти инструменты работают по-отдельности. Обратитесь к документации или найдите другие руководства, если хотите получить более углубленные знания о них.
Большая часть стека, описанного в данном руководстве, использует React. Если Вы только начинаете и просто хотите изучить React, create-react-app поможет Вам очень быстро настроить окружение React с готовой конфигурацией. Я бы, например, рекомендовал бы этот подход тем, кто пришел в команду, использующую React, и вынужден догонять. В этом руководстве Вы не будете использовать готовую конфигурацию, потому что я хочу, чтобы Вы поняли все, что происходит под капотом.
Для каждой главы доступны примеры кода, и Вы можете запустить их все с помощью yarn && yarn start или npm install && npm start. Я рекомендую писать все с нуля самостоятельно, следуя пошаговым инструкциям в каждой главе.
Каждая глава содержит код из предыдущих глав, так что если Вы просто ищете шаблон проекта, содержащий сразу все, клонируйте последнюю главу и готово.
Примечание: Порядок глав не обязательно является наиболее познавательным. Например, тестирование / типизация могли бы быть перед введением в React. Премещать разделы довольно трудно, так как мне нужно вносить изменения в каждую следующую главу. Если все устаканится, я мог бы реорганизовать все это в лучшую сторону.
Код данного руководства работает на Linux, macOS и Windows.
1 - Node, NPM, Yarn, и package.json
2 - Установка и использование пакетов
3 - Настройка ES6 с Babel и Gulp
4 - Использование синтактиса ES6 и классов
7 - Клиентское приложение на основе Webpack
10 - Иммутабельный JS и улучшения Redux
11 - Тестировние с Mocha, Chai, и Sinon
Production / development окружения, Express, React Router, серверный рендеринг, стилизация, Enzyme, перехватчики Git.
Если Вы хотите добавить Ваш перевод, пожалуйста, прочитайте рекомендации к переводу перед тем как начать!
Автор: @verekia – verekia.com.
Лицензия: MIT