Найдите оптимальный путь от нуля до мастера React
Как вы изучаете React?
Как и в большинстве случаев, вам нужно приложить определенные усилия, найти хороший ресурс для изучения, быть последовательным в своем обучении и как можно скорее применить все, что вы узнали, на практике, чтобы закрепить свои знания и сделать все, что вы научиться вставлять в голове.
Но .. с чего начать?
В этом посте я хочу перечислить несколько ресурсов, которые я создал, чтобы с нуля стать мастером React.
Прежде всего, вам понадобится хорошая база JavaScript. Если вы только начинаете, не торопитесь и хорошо погрузитесь в основы JavaScript, прежде чем переходить к React. Для этого рекомендую свойРуководство для начинающих по JavaScript.
Если ваш JavaScript надежный, но немного ржавый и не соответствует последнему стандарту ECMAScript, мойES5 в ESNext Справочниктоже будет удобным компаньоном.
Далее мойСправочник по Reactбудет вашим лучшим другом. Я приложил много усилий, чтобы убедиться, что он дает вам все базовые знания, необходимые для того, чтобы стать отличным разработчиком React.
Я думаю, что эти ресурсы на время займут вас.
Как я уже сказал, практика - это король. Сосредоточьтесь на создании вещей, даже простых, каждый день, пока вы учитесь. Не просто читайте теорию, а применяйте ее. Создайте примеры приложений. У меня длинный списокобразцы идей приложенийвы можете черпать вдохновение.
Я также ведуКурс React, где я научу вас создавать 6 практических проектов на React (включая, конечно, хуки).
Скачать мою бесплатнуюСправочник по React
Больше руководств по реакции:
- Пример простого приложения React: получение информации о пользователях GitHub через API
- Создайте простой счетчик с помощью React
- Настройка VS Code для разработки на React
- Как передать реквизиты дочернему компоненту через React Router
- Создайте приложение с Electron и React
- Учебник: создание электронной таблицы с помощью React
- Дорожная карта для изучения React
- Узнайте, как использовать Redux
- Начало работы с JSX
- Стилизованные компоненты
- Введение в Redux Saga
- Введение в React Router
- Введение в React
- Компоненты React
- Виртуальный DOM
- Реагировать на события
- Состояние реакции
- React Props
- Фрагмент реакции
- API контекста React
- React PropTypes
- Концепции React: декларативный
- Реагировать: как показать другой компонент при нажатии
- Как зацикливаться внутри React JSX
- Props vs State в React
- Что лучше: jQuery или React?
- Сколько JavaScript вам нужно знать, чтобы использовать React?
- Введение в Гэтсби
- Как сослаться на элемент DOM в React
- Однонаправленный поток данных в React
- Реагировать на компоненты более высокого порядка
- Реагировать на события жизненного цикла
- Концепция React: неизменность
- Концепция React: чистота
- Введение в React Hooks
- Введение в приложение create-react-app
- Концепция React: композиция
- React: презентационные и контейнерные компоненты
- Разделение кода в React
- Рендеринг на стороне сервера с помощью React
- Как установить React
- CSS в React
- Использование SASS в React
- Обработка форм в React
- React StrictMode
- Реагировать на порталы
- React Render Props
- Тестирование компонентов React
- Как передать параметр обработчикам событий в React
- Как обрабатывать ошибки в React
- Как вернуть несколько элементов в JSX
- Условный рендеринг в React
- React, как передать props дочерним компонентам
- Как получить значение элемента ввода в React
- Как использовать хук useState React
- Как использовать хук useCallback React
- Как использовать хук useEffect React
- Как использовать хук useMemo React
- Как использовать хук useRef React
- Как использовать хук useContext React
- Как использовать хук useReducer React
- Как подключить приложение React к бэкэнду в том же источнике
- Учебное пособие по маршрутизатору Reach Router
- Как использовать инструменты разработчика React
- Как научиться React
- Как отлаживать приложение React
- Как отрендерить HTML в React
- Как исправить ошибку `dangerousSetInnerHTML` не соответствовало в React
- Как я исправил проблему с состоянием формы входа в React и автозаполнением браузера
- Как настроить HTTPS в приложении React на локальном хосте
- Как исправить ошибку "не удается обновить компонент при рендеринге другого компонента" в React
- Могу ли я использовать перехватчики React внутри условного оператора?
- Использование useState с объектом: как обновить
- Как перемещать блоки кода с помощью React и Tailwind
- React, сфокусируйте элемент в React при добавлении в DOM
- Реагировать, редактировать текст по двойному щелчку