Skip to content

Step-by-step tutorial to build a modern JavaScript stack from scratch

Notifications You must be signed in to change notification settings

morigs/js-stack-from-scratch

 
 

Repository files navigation

JavaScript Stack from Scratch

Yarn React Gulp Redux ESLint Webpack Mocha Chai Flow

Build Status

Работа над переводом идет. Это не окончательная версия!

перевод терминов см. 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 и классов

5 - Синтаксис модулей ES6

6 - ESLint

7 - Клиентское приложение на основе Webpack

8 - React

9 - Redux

10 - Иммутабельный JS и улучшения Redux

11 - Тестировние с Mocha, Chai, и Sinon

12 - Типизация с Flow

Скоро

Production / development окружения, Express, React Router, серверный рендеринг, стилизация, Enzyme, перехватчики Git.

Переводы

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

Сведения

Автор: @verekiaverekia.com.

Лицензия: MIT

About

Step-by-step tutorial to build a modern JavaScript stack from scratch

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%