Skip to content
master
Go to file
Code
This branch is 120 commits ahead, 39 commits behind verekia:master.

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
img
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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

СведениÑ?

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

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

ЛицензиÑ?: MIT

You can’t perform that action at this time.