/react-things

Коллекция материалов для изучения React

Primary LanguageJavaScriptGNU Affero General Public License v3.0AGPL-3.0

React Things

Коллекция материалов для изучения ES2015, React, Redux, Webpack, Babel и всего остального.

Думаешь, что подборка не полная? Присылай Pull Request с недостающими материалами!


Содержание:

  1. ES2015: то, что действительно нужно
  2. React: Основы основ
  3. Ныряем в React с головой
  4. Робкое знакомство с Redux
  5. Продвинутый Redux
  6. Роутинг
  7. Архитектура приложения
  8. От и до: уроки по созданию полноценных приложений
  9. Тестирование
  10. Инструменты
  11. Разное

ES2015: то, что действительно нужно

Перед тем, как вы утоните с головой в пучине вод React самое полезное, что вы можете сделать – изучить некоторые возможности ES2015, которыми вы будете пользоваться постоянно.

React: Основы основ

Ныряем в React с головой

Робкое знакомство с Redux

Продвинутый Redux

  • mergeStateToProps [RU] — возможности React Redux, о которых вы не знали (mapDispatchToProps на стероидах).

  • Идиоматический Redux [EN] – второй курс от создателя Redux (Дэна Абрамова) про продвинутые техники использования библиотеки.

  • Обзор экосистемы Redux [EN] — объяснение принципов сосуществования с React, React Router + паттерны работы с асинхронностью и аутентификацией.

  • Пишем свой middleware [EN].

  • Асинхронный Redux [EN] – разбор библиотек для работы с асинхронными операциями в Redux.

Роутинг

Архитектура приложения

От и до: уроки по созданию полноценных приложений

Тестирование

Инструменты

  • Webpack + React [RU] – как уменьшить бандл в 15 раз: подборка плагинов для экстремального сжатия.

  • Webpack 4 для начинающих [EN] – подробное введение в использование четвертой версии сборщика.

  • Видео курс [EN] по второй версии Webpack. Расскажут, как написать базовый конфиг, работать с лоадерами и плагинами, автоматически генерировать HTML, работать с React и Babel, стилями и другими файлами + подробно про настройку Webpack dev server для удобной горячей перезагрузки.

  • Собираем React приложение с помощью Webpack 2 и Babel [EN] – руководство по настройке самых необходимых инструментов.

  • Code Splitting [EN] в React приложении – разделение большого бандла на меньшие части для более быстрой загрузки приложения.

  • Горячая перезагрузка всего! [EN] Как использовать Hot Module Replacement в Webpack для перезагрузки фронтенда и бэкенда в изоморфном приложении.

  • Руководство по настройке редактора кода Atom [EN] для наиболее продуктивной работы с React приложениями.

Разное