Оглавление

• Что такое реагирование
• Как это работает
• Это подходит для вас
• Дорожная карта для изучения реагирования

Что такое реагирование

React – это библиотека JavaScript для создания пользовательских интерфейсов. Думайте об этом как о простой веб -библиотеке, которую вы можете вводить Через <Скрипт> Ярлык.

Основные особенности React, который привлекает людей

• У него огромное сообщество
• Библиотека является декларативной и простой для понимания
• Это база компонентов
• Вернуться от Facebook и использовать во многих веб -приложениях Morden
• Различные производственные рамки настраиваются на него
• Вы можете использовать JSX для написания компонентов И это делает Это Намного проще, чем использовать шаблоны

Как это работает

Он использует виртуальный DOM для обработки состояния И все его компонент и реагировать На основе изменений состояния. И обновление виртуального обновления DOM Browser DOM.

React.createElement(
  'h1',
  {className: 'heading'},
  "hey reader"
)

React – это просто библиотека И если вы хотите работать с его истинным потенциалом, вы должны использовать Babel для транспилирования всего JSX в браузер-Javascript

Над компонентом В JSX Littralaly

hey reader

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

Это подходит для вас

Для большинства случаев React полностью подходит для работы, потому что он обеспечивает 1000 -е. Библиотеки сообщества с открытым исходным кодом Это помогает решить так много проблем.

Но рекомендуется просто посмотреть, чего вы хотите достичь И это слишком излишнее, чтобы использовать React в этом сценарии.

Дорожная карта для изучения реагирования

Обзор React

Fireship 100 секунд React

Учебный материал для реагирования

Я рекомендую это, потому что я использовал это для себя тоже

• Brain Hold Frontend Masters Notes
• React Docs

Список вещей, которые нужно учиться

Следите за списком Чтобы лучше понять У меня предвзятость В какой -то библиотеке, чем в других Просто потому, что я узнал Это И мой опыт работы с этими библиотеками

1. Starter Project (Vite.js, Create-React-App)
2. Как работает JSX & Babel с бундлерами
3. Реакция функциональных компонентов ( Вы можете использовать компоненты класса, но функциональные легко использовать и изучать )
4. Жизненный цикл в функциональных компонентах
5. USESTATE Hook в функциональном компоненте
6. Реквизит в React
7. Создайте приложение Todo с каждым элементом Todo является его собственным компонентом. Используйте государственные и жизненные крючки вместе с реквизитом.
8. Узнайте useContext Hook & улучшить приложение Todo с этим крючком
9. Узнайте Usememo, пользовательские крючки
10. Узнайте о React-Router или Route Router для создания разных страниц и использования их в приложении выше
11. Изучите различные библиотеки CSS и компонентов, чтобы стиль выше приложения.
12. Узнайте о государственном управлении, например, отдача и Redux ( »Redux слишком сложный и занимает много времени А также вам, вероятно, не нужен Redux Так что будьте осторожны и выберите Тот, который вам нравится “ )
13. Узнайте о приложении для одной страницы, статической генерации сайтов и рендеринге на стороне сервера
14. Используйте Gatsby или Next.js для простого проекта и узнайте о них.
15. Используйте TypeScript с React.
16. Узнайте о последней вещи, которая является выделением данных и обработкой ошибок
    • Используйте React Query или SWR для извлечения и кэширования данных

Не стесняйтесь комментировать свое мнение и улучшение В этом списке и блоге

Оригинал: “https://dev.to/shreyanshsheth/react-js-beginner-guide-where-to-start-3jgc”