Курс React Essential

ITVDN — Information Technology Video Developer Network

Содержание

УРОК 1: Введение в React

УРОК 2: Подробнее о компонентах

УРОК 3: Настройка окружения, подключение внешних библиотек и сборка

УРОК 4: ES2015, роутинг, CSS препроцессоры, PropTypes, контекст

УРОК 5: Работа с внешним API и архитектура Flux

УРОК 6: Написание полноценного SPA

Материалы

1. У React очень хорошая документация
2. Советую почитать о ES6
3. Ну, и никто не отменял Google

FAQ

Где писать код?

Вы можете выбрать любой текстовый редактор или IDE на ваш вкус.

Atom ♥️

Я сейчас использую Atom, он бесплатный и классный :)

Вот мои любимые плагины для Atom:

• atom-alignment
• autocomplete-modules
• file-icons
• highlight-selected
• language-babel
• linter
• linter-eslint
• merge-conflicts
• react
• pigments и minimap-pigments
• minimap

Еще полезные плагины можно посмотреть тут

Sublime Text 2

Если вы используете Sublime, скачать его можно тут, есть версия для Windows, OS X и Ubuntu.

Список полезных плагинов для Sublime:

• PackageControl — менеджер плагинов как установить
• Emmet — набор сниппетов
• SideBarEnhancements — значительно улучшает боковую панель (New File, New Folder, Duplicate, Copy, Move и тд)
• SublimeCodeIntel — крутой автокомлит
• Alignment — выстраивает все курсоры в одну линию по нажатию Ctrl+Alt+A
• Super Calculator — позволяет делать математические вычисления по ALT+C
• GitGutter — показывает измененные строки с момента последнего коммита
• AutoFileName — автозаполнение путей к подключаемым файлам
• ColorHighlighter — подсветка цвета в CSS/LESS
• Jquery Snippet Pack — набор сниппетов для jQuery
• babel — Подсветка для ES6, подсветка JSX
• babel-snippets — сниппеты для React

Еще

Также можно использовать WebStorm, Nuclide, Visual Studio или другие.

Как писать код?

Очень советую ознакомиться с Javascript style guide.

Есть вопросы?

Пишите сюда

Нашли ошибку или опечатку?

Исправляйте и создавайте pull-request :)