19 репозиториев GitHub, чтобы стать мастером React ⚛️🧙

React — один из самых популярных вариантов для создания интерактивных пользовательских интерфейсов. Его изучение и освоение может оказаться сложной задачей, если вы не знаете о доступных вам ресурсах.

В этой статье я собрал несколько наиболее полезных репозиториев GitHub, чтобы вам не пришлось обращаться на дорогостоящие курсы и буткемпы.

Далее я рассортировал все ресурсы по категориям: от самой основной библиотеки до обучения, проектов, лучших практик, компонентов, хуков, шпаргалок, сниппетов, подготовки к интервью, а также дополнительных ресурсов, которые можно изучить, чтобы еще больше расширить свои знания о React.


Содержание
  1. Библиотека ядра
  2. 1. react
  3. facebook / react
  4. Декларативная, эффективная и гибкая библиотека JavaScript для создания пользовательских интерфейсов.
  5. 2. under-the-hood-reactjs
  6. Богдан Ляшенко / Under-the-hood-ReactJS
  7. Объяснение всей кодовой базы React с помощью визуальных блок-схем (Stack-версия)
  8. Learning
  9. 3. react-developer-roadmap
  10. adam-golab / react-developer-roadmap
  11. Дорожная карта, чтобы стать разработчиком React
  12. 4. react-in-patterns
  13. krasimir / react-in-patterns
  14. Бесплатная книга, в которой рассказывается о паттернах проектирования/техниках, используемых при разработке на React.
  15. Проекты
  16. 5. 30-days-of-react
  17. Asabeneh / 30-Days-Of-React
  18. 30 Days of React — это пошаговое руководство по изучению React за 30 дней. Для этого требуется знание HTML, CSS и JavaScript. Вы должны хорошо знать JavaScript, прежде чем приступать к React. Если вам не хватает знаний JavaScript, ознакомьтесь с 30DaysOfJavaScript. Это продолжение 30 Days Of JS. Этот вызов может занять более 100 дней, следуйте своему собственному темпу.
  19. 6. real-world-react-apps
  20. jeromedalbert / real-world-react-apps
  21. Реальные приложения React и их кодовые базы с открытым исходным кодом для разработчиков, на которых можно учиться
  22. Лучшие практики
  23. 7. react-bits
  24. vasanthk / react-bits
  25. ✨ React паттерны, техники, советы и рекомендации ✨
  26. 8. react-redux-typescript-guide
  27. piotrwitek / react-redux-typescript-guide
  28. Полное руководство по статической типизации в приложениях «React & Redux» с использованием TypeScript
  29. Компоненты
  30. 9. awesome-react-components
  31. brillout / awesome-react-components
  32. Расширенный список компонентов и библиотек React.
  33. 10. hocs
  34. deepsweet / hocs
  35. 🍱 Компоненты высшего порядка для React
  36. Hooks
  37. 11. react-use
  38. streamich / react-use
  39. React Hooks — 👍
  40. 12. beautiful-react-hooks
  41. antonioru / beautiful-react-hooks
  42. 🔥 Коллекция красивых и (надеюсь) полезных хуков React для ускорения разработки ваших компонентов и хуков 🔥
  43. Cheatsheets
  44. 13. react-cheatsheets
  45. typescript-cheatsheets / react
  46. Шпаргалки для опытных разработчиков React, начинающих работу с TypeScript
  47. 14. react-hooks-cheatsheet
  48. ohansemmanuel / react-hooks-cheatsheet
  49. 🦖 React hooks cheatsheet с живыми редактируемыми примерами
  50. Сниппеты
  51. 15. 30-seconds-of-react
  52. 30-seconds / 30-seconds-of-react
  53. Короткие фрагменты кода React для всех ваших потребностей в разработке
  54. Интервью
  55. 16. reactjs-interview-questions
  56. sudheerj / reactjs-interview-questions
  57. Список 500 лучших вопросов и ответов на собеседовании по ReactJS…. Вопросы для упражнений по кодингу скоро появятся!!!
  58. Challenges
  59. 17. react-coding-challenges
  60. alexgurr / react-coding-challenges
  61. Серия задач по кодингу на ReactJS с различными сложностями.
  62. Ресурсы
  63. 18. awesome-react
  64. enaqx / awesome-react
  65. Коллекция удивительных вещей, касающихся экосистемы React
  66. 19. react-redux-links
  67. markerikson / react-redux-links
  68. Собранные мною ссылки на учебники и ресурсы по React, Redux, ES6 и т.д.
  69. Бонус
  70. audio-player
  71. madzadev / audio-player
  72. 🎵 Музыкальный плеер с пользовательскими элементами управления, плейлистом, фильтрами и поиском.
  73. калькулятор
  74. madzadev / calculator
  75. ➗ Калькулятор с десятичными дробями, отрицательными значениями, процентами.

Библиотека ядра

1. react

⭐ Звезды GitHub: 189k+

facebook / react

Декларативная, эффективная и гибкая библиотека JavaScript для создания пользовательских интерфейсов.

Декларативная, эффективная и гибкая библиотека JavaScript для создания пользовательских интерфейсов.

2. under-the-hood-reactjs

⭐ Звезды GitHub: 4k+

Богдан Ляшенко / Under-the-hood-ReactJS

Объяснение всей кодовой базы React с помощью визуальных блок-схем (Stack-версия)

Объяснение всей кодовой базы React с помощью визуальных блок-схем.


Learning

3. react-developer-roadmap

⭐ Звезды GitHub: 17k+

adam-golab / react-developer-roadmap

Дорожная карта, чтобы стать разработчиком React

Дорожная карта становления разработчика React.

4. react-in-patterns

⭐ GitHub stars: 11k+

krasimir / react-in-patterns

Бесплатная книга, в которой рассказывается о паттернах проектирования/техниках, используемых при разработке на React.

Бесплатная книга, рассказывающая о паттернах проектирования/техниках, используемых при разработке на React.


Проекты

5. 30-days-of-react

⭐ Звезды GitHub: 12k+

Asabeneh / 30-Days-Of-React

30 Days of React — это пошаговое руководство по изучению React за 30 дней. Для этого требуется знание HTML, CSS и JavaScript. Вы должны хорошо знать JavaScript, прежде чем приступать к React. Если вам не хватает знаний JavaScript, ознакомьтесь с 30DaysOfJavaScript. Это продолжение 30 Days Of JS. Этот вызов может занять более 100 дней, следуйте своему собственному темпу.

Практическое пошаговое руководство по изучению React за 30 дней.

6. real-world-react-apps

⭐ Звезды GitHub: 2k+

jeromedalbert / real-world-react-apps

Реальные приложения React и их кодовые базы с открытым исходным кодом для разработчиков, на которых можно учиться

Реальные приложения React и их кодовые базы с открытым исходным кодом для разработчиков, на которых можно учиться.


Лучшие практики

7. react-bits

⭐ Звезды GitHub: 11k+

vasanthk / react-bits

✨ React паттерны, техники, советы и рекомендации ✨

React паттерны, техники, советы и рекомендации.

8. react-redux-typescript-guide

⭐ Звезды GitHub: 11k+

piotrwitek / react-redux-typescript-guide

Полное руководство по статической типизации в приложениях «React & Redux» с использованием TypeScript

Сборник, документирующий наиболее важные паттерны и рецепты по использованию React.


Компоненты

9. awesome-react-components

⭐ Звезды GitHub: 29k+

brillout / awesome-react-components

Расширенный список компонентов и библиотек React.

Список курируемых компонентов и библиотек React.

10. hocs

⭐ GitHub stars: 1k+

deepsweet / hocs

🍱 Компоненты высшего порядка для React

Список компонентов высшего порядка для React.


Hooks

11. react-use

⭐ Звезды GitHub: 29k+

streamich / react-use

React Hooks — 👍

Большая коллекция пользовательских хуков React.

12. beautiful-react-hooks

⭐ GitHub stars: 5k+

antonioru / beautiful-react-hooks

🔥 Коллекция красивых и (надеюсь) полезных хуков React для ускорения разработки ваших компонентов и хуков 🔥

Коллекция полезных хуков React для ускорения разработки компонентов и хуков.


Cheatsheets

13. react-cheatsheets

⭐ Звезды GitHub: 33k+

typescript-cheatsheets / react

Шпаргалки для опытных разработчиков React, начинающих работу с TypeScript

Шпаргалки для опытных разработчиков React, начинающих работу с TypeScript.

14. react-hooks-cheatsheet

⭐ Звезды GitHub: 600+

ohansemmanuel / react-hooks-cheatsheet

🦖 React hooks cheatsheet с живыми редактируемыми примерами

Шпаргалка по крючкам React с живыми редактируемыми примерами.


Сниппеты

15. 30-seconds-of-react

⭐ Звезды GitHub: 4k+

30-seconds / 30-seconds-of-react

Короткие фрагменты кода React для всех ваших потребностей в разработке

Короткие фрагменты кода React для всех ваших потребностей в разработке.


Интервью

16. reactjs-interview-questions

⭐ Звезды GitHub: 21k+

sudheerj / reactjs-interview-questions

Список 500 лучших вопросов и ответов на собеседовании по ReactJS…. Вопросы для упражнений по кодингу скоро появятся!!!

Список из 500 лучших вопросов и ответов на собеседовании по React.


Challenges

17. react-coding-challenges

⭐ Звезды GitHub: 1k+

alexgurr / react-coding-challenges

Серия задач по кодингу на ReactJS с различными сложностями.

Серия задач по кодированию ReactJS с различными трудностями.


Ресурсы

18. awesome-react

⭐ Звезды GitHub: 48k+

enaqx / awesome-react

Коллекция удивительных вещей, касающихся экосистемы React

Коллекция удивительных вещей, касающихся экосистемы React.

⭐ Звезды GitHub: 21k+

Собранные мною ссылки на учебники и ресурсы по React, Redux, ES6 и т.д.

Собранные ссылки на учебники и ресурсы по React, Redux, ES6 и многое другое.


Бонус

В качестве бонусного материала я хочу поделиться парой собственных проектов React с открытым исходным кодом, которые я создал в процессе изучения библиотеки. Я также написал подробные руководства для обоих, так что вы сможете получить дополнительное представление о том, как выглядят практические примеры работы в React.

audio-player

⭐ Звезды GitHub: 80+

madzadev / audio-player

🎵 Музыкальный плеер с пользовательскими элементами управления, плейлистом, фильтрами и поиском.

Музыкальный плеер с пользовательскими элементами управления, списком воспроизведения, фильтрами и поиском.

Полное руководство доступно здесь.

калькулятор

⭐ Звезды GitHub: 60+

madzadev / calculator

➗ Калькулятор с десятичными дробями, отрицательными значениями, процентами.

Калькулятор с десятичными дробями, отрицательными значениями и процентами.

Полный учебник доступен здесь.


Писательство всегда было моей страстью, и мне доставляет удовольствие помогать и вдохновлять людей. Если у вас есть вопросы, обращайтесь!

Подключайтесь ко мне в Twitter, LinkedIn и GitHub!

Посетите мой блог, чтобы найти больше статей, подобных этой.

Оцените статью
Procodings.ru
Добавить комментарий