https://github.com/krambertech/react-essential-course

ITVDN - React Essential course materials
https://github.com/krambertech/react-essential-course

flux-architecture react webpack

Last synced: 22 days ago
JSON representation

ITVDN - React Essential course materials

• Host: GitHub
• URL: https://github.com/krambertech/react-essential-course
• Owner: krambertech
• Archived: true
• Created: 2015-11-22T13:24:18.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-01-22T14:27:23.000Z (almost 7 years ago)
• Last Synced: 2024-08-10T11:03:32.906Z (4 months ago)
• Topics: flux-architecture, react, webpack
• Language: JavaScript
• Homepage:
• Size: 5.71 MB
• Stars: 478
• Watchers: 70
• Forks: 272
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Курс React Essential

ITVDN — Information Technology Video Developer Network

## Содержание

#### [УРОК 1: Введение в React](/01-introduction-to-react)

#### [УРОК 2: Подробнее о компонентах](/02-deep-in-components)

#### [УРОК 3: Настройка окружения, подключение внешних библиотек и сборка](/03-environment)

#### [УРОК 4: ES2015, роутинг, CSS препроцессоры, PropTypes, контекст](/04-routing-and-es6)

#### [УРОК 5: Работа с внешним API и архитектура Flux](/05-flux)

#### [УРОК 6: Написание полноценного SPA](/06-real-world)

## Материалы

1. У React очень хорошая [документация](http://facebook.github.io/react/docs/getting-started.html)

2. Советую почитать о [ES6](https://github.com/lukehoban/es6features#readme)

3. Ну, и никто не отменял [Google](https://www.google.com.ua/)

## FAQ

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

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

**Atom ♥️**

Я сейчас использую [Atom](https://atom.io/), он бесплатный и классный :) 

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

 - [atom-alignment](https://atom.io/packages/atom-alignment)

 - [autocomplete-modules](https://atom.io/packages/autocomplete-modules)

 - [file-icons](https://atom.io/packages/file-icons)

 - [highlight-selected](https://atom.io/packages/highlight-selected)

 - [language-babel](https://atom.io/packages/language-babel)

 - [linter](https://atom.io/packages/linter)

 - [linter-eslint](https://atom.io/packages/linter-eslint)

 - [merge-conflicts](https://atom.io/packages/merge-conflicts)

 - [react](https://atom.io/packages/react)

 - [pigments](https://atom.io/packages/pigments) и [minimap-pigments](https://atom.io/packages/minimap-pigments)

 - [minimap](https://atom.io/packages/minimap)

Еще полезные плагины можно посмотреть [тут](https://github.com/krambertech/react-essential-course/issues/15)

**Sublime Text 2**

Если вы используете Sublime, скачать его можно [тут](http://www.sublimetext.com/3), есть версия для Windows, OS X и Ubuntu.

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

 - ```PackageControl``` — менеджер плагинов [как установить](https://packagecontrol.io/installation)

 - ```Emmet``` — [набор сниппетов](https://packagecontrol.io/packages/Emmet)

 - ```SideBarEnhancements``` — значительно улучшает боковую панель (New File, New Folder, Duplicate, Copy, Move и тд)

 - ```SublimeCodeIntel``` — [крутой автокомлит](http://sublimecodeintel.github.io/SublimeCodeIntel/)

 - ```Alignment``` — выстраивает все курсоры в одну линию по нажатию Ctrl+Alt+A

 - ```Super Calculator``` — позволяет делать математические вычисления по ALT+C

 - ```GitGutter``` — показывает измененные строки с момента последнего коммита

 - ```AutoFileName``` — автозаполнение путей к подключаемым файлам

 - ```ColorHighlighter``` — [подсветка цвета в CSS/LESS](https://github.com/Monnoroch/ColorHighlighter)

 - ```Jquery Snippet Pack``` — набор сниппетов для jQuery

 - ```babel``` — Подсветка для ES6, подсветка JSX

 - ```babel-snippets``` — сниппеты для React

**Еще**

Также можно использовать [WebStorm](https://www.jetbrains.com/webstorm/), [Nuclide](http://nuclide.io/), [Visual Studio](https://www.visualstudio.com/) или другие.

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

Очень советую ознакомиться с [Javascript style guide](https://github.com/airbnb/javascript).

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

[Пишите сюда](https://github.com/krambertech/react-essential-course/issues/new)

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

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