React: Основы основ
- https://habrahabr.ru/post/319134/про идеологию библиотеки, поможет понять, основные идеи лежащие в основе React.
- http://krasimirtsonev.com/blog/article/The-bare-minimum-to-work-with-React, того что надо знать, чтобы начать работать с React.
- https://www.gitbook.com/book/maxfarseer/react-course-ru/details – текстовый курс по основам React на русском языке. Научит только самым базовым вещам: работе с компонентами, lifecycle хуками, формами и валидацией пропсов с помощью PropTypes.
- Все фундаментальные принципы React.js, собранные в одной статье [RU].
- https://medium.com/@divermak/%D0%B2%D1%81%D0%B5-%D1%84%D1%83%D0%BD%D0%B4%D0%B0%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BF%D1%80%D0%B8%D0%BD%D1%86%D0%B8%D0%BF%D1%8B-react-js-%D1%81%D0%BE%D0%B1%D1%80%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D0%B2-%D0%BE%D0%B4%D0%BD%D0%BE%D0%B9-%D1%81%D1%82%D0%B0%D1%82%D1%8C%D0%B5-ec6a97bfd1bf
Ныряем в React с головой
- https://engineering.musefind.com/react-lifecycle-methods-how-and-when-to-use-them-2111a1b692b1 [EN] – всё про жизненный цикл компонентов в React: подробно о том, как работает каждый метод + разбор ситуаций, в которых может понадобиться каждый хук.
- https://habrahabr.ru/company/redmadrobot/blog/318222/ [RU] – как и зачем применять, разбор отличий от Component.
- https://daveceddia.com/ajax-requests-in-react/
- [EN] — где и когда загружать данные.
Робкое знакомство с Redux
- https://www.robinwieruch.de/learn-react-before-using-redux/ которые обязательно надо изучить в React, перед знакомством с Redux.
- https://egghead.io/series/getting-started-with-redux Лучший способ ознакомиться с Redux — посмотреть курс от самого создателя (Даниила Абрамова) на egghead.io[EN] — 30 видео уроков, в которых покажут не только, как пользоваться библиотекой, но и объяснят принцип её работы (по сути, в ходе курса вы сами напишете свой мини-Redux) + в конце расскажут про связку с React с помощью компонентов из React-redux, объяснят, как создавать компоненты-контейнеры, единственная цель которых передавать данные в другие компоненты, а также, как использовать контексты при работе с React.
- Сразу после курса бегите читать http://redux.js.org/ [EN]. Документация небольшая по объёму, но проясняет многие детали, которые не смог покрыть курс.
- Статья https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e [EN] расскажет, как не совершить типичных ошибок: где и как организовать бизнес логику приложения, как правильно работать с асинхронными операциями, как создать архитектуру проекта на Redux и многое другое.
- Подробное объяснение http://www.kanby.ru/prezentaczionnyij-komponent-i-kontejner-v-react.html. [RU] при работе с React и Redux.
Продвинутый Redux
- Идиоматический Redux [EN] – второй курс от создателя Redux (Даниила Абрамова) про продвинутые техники использования библиотеки.
- Обзор экосистемы Redux [EN] — объяснение принципов сосуществования с React, React Router + паттерны работы с асинхронностью и аутентификацией.
- Пишем всю middleware [EN].
- Асинхронный Redux [EN] – разбор библиотек для работы с асинхронными операциями в Redux.
- mergeStateToProps [RU] — возможности React Redux, о которых вы не знали (
mapDispatchToPropsна стероидах).
Роутинг
- React Router 4 [RU] – простое объяснение отличий от предыдущих весрсий.
- https://habrahabr.ru/post/329996/
От и до: уроки по созданию полноценных приложений
- Создаём клон Реддита [EN] с помощью React и Firebase
- https://www.sitepoint.com/reddit-clone-react-firebase/
- Создаём клон Твиттера [EN] на React с использованием appbase в качестве бэкенда.
- https://scotch.io/tutorials/build-a-twitter-like-search-feed-with-react-js-and-appbase-io
- Создаём клон Trello [RU]. Описывается разработка сайта c авторизацией и функционалом популярного. Помимо React используется Redux, PostgreSQL, Phoenix (фреймворк для Elixir, который в свою очередь работает на Erlang VM).
- https://habrahabr.ru/post/308056/
- Создаём медиа-библиотеку с помощью React, Redux и Redux-saga [EN]:
- Часть 1 https://scotch.io/tutorials/build-a-media-library-with-react-redux-and-redux-saga-part-1
- Часть 2 https://scotch.io/tutorials/build-a-media-library-with-react-redux-and-redux-saga-part-2
- Собираем с нуля изоморфное приложение – пошаговое руководство по настройке сборки приложения на React с server-side рендерингом [RU]:
- Часть 1 https://habrahabr.ru/post/309958/
- Часть 2 https://habrahabr.ru/post/310284/
- Часть 3 https://habrahabr.ru/post/310952/
Разное
- Подборка 15 вопросов с собеседования [RU] для React-разработчика.
- https://github.com/tiaanduplessis/awesome-react-talks[ EN] – подборка лучший докладов с конференций, посвященных React, всё разделено по годам.
- Шпаргалка по принципам работы с экосистемой React + Redux [EN] в виде диаграммы.
- https://github.com/uanders/react-redux-cheatsheet
1
Ant Design
+14.6k
2
Create React App
+13.5k
3
Gatsby
+11.5k
4
Next.js
+10.6k
5
Material UI
+10.2k
6
Ant Design Pro
+8.1k
7
Formik
+7.9k
8
react-use
+7.8k
9
React-spring
+6.4k
10
Ink
+6.0k
11
React Testing Library
+5.7k
12
react-beautiful-dnd
+5.5k
13
Docz
+5.3k
14
Docusaurus
+4.6k
15
React Router
+4.6k
16
react-admin
+4.4k
17
React Window
+4.3k
18
React Table
+4.0k
19
React Native for Web
+4.0k
20
Filepond
+3.7k
