Бесплатное видео новой версии 2019 семейного ведра технического жира React (84 эпизода)

React.js

В общей сложности 84 эпизода были записаны с 4 мая и завершены 18 сентября, 5 месяцев. Если вы профессиональный лектор, вы бы сказали, что прогресс слишком медленный, но все мои видео записываются после работы. Сегодня хороший день, а также мой день рождения (18 сентября 84 года), когда мне исполняется 35 лет. В этот особенный день я посвящаю вам результаты моей почти полугодовой напряженной работы.Я надеюсь, что благодаря этому видео больше друзей смогут изучить React, получить повышение по службе и повышение зарплаты, а также выйти замуж за Бай Фумей.

Каждое видео сопровождается статьей (статья почти 100 000 слов, поэтому она не будет размещаться здесь, вы можете прочитать статью при входе в блог), правильный порядок должен быть сначала просмотр видео, а затем практика статья. Такая эффективность обучения будет очень высокой и сэкономит ваше время. Если вы найдете видео полезным, вы можете поставить лайк статье, и один из ваших лайков позволит большему количеству людей увидеть статью и помочь большему количеству друзей узнать.

Вы также можете подписаться на меня в Nuggets, и я каждый год буду выкладывать для вас 100 выпусков бесплатных фронтенд-видео.

Каталог обучения React Family Bucket

1-React (новая версия) базовый бесплатный видеоурок

  1. Предисловие к курсу React (315)

  2. Введение в сравнение React и Vue (314)

  3. Создание среды разработки React (313)

  4. Знакомство с каталогом проекта, сгенерированным скаффолдингом (312)

  5. Объяснение HelloWorld и компонентов (311)

  6. Введение в синтаксис JSX в React (310)

  7. Пример React — сервисное меню Miss Sister (309)

  8. Пример React - меч хорошо начищен, теории меньше не бывает (308)

  9. Пример React — босс, я хочу добавить колокольчик (307)

  10. Пример React — хотя меч хорош, старая талия его не выдерживает (306)

  11. React Advanced — Несколько мест для JSX, чтобы не наступить на яму (305)

  12. React Advanced — простые фрагменты React (304)

  13. React Advanced — Разделение компонентов (303)

  14. React Advanced — передача значений родительско-дочерних компонентов (303)

  15. React Advanced — поток данных с одним элементом и другие (302)

  16. React Advanced — установка и использование инструментов отладки (301)

  17. React Advanced — значение прохождения проверки PropTypes (300)

  18. Как использовать React Advanced-ref (299)

  19. React Advanced — Объяснение жизненного цикла — 1 (298)

  20. React Advanced — Объяснение жизненного цикла — 2 (297)

  21. React Advanced — Объяснение жизненного цикла — 3(296)

  22. React Advanced — жизненный цикл повышает производительность программы (295)

  23. React Advanced — запрос данных Axios (294)

  24. React Advanced — Axios запрашивает EasyMock (# 293)

  25. React Advanced — анимация React с помощью CSS3 (292)

  26. React Advanced — анимация ключевых кадров CSS3 (291)

  27. Реагировать на расширенную группу реагирования-перехода (290)

  28. React Advanced — производство и написание анимации Multi-DOM (289)

2-Redux Бесплатное видеоруководство

  1. Основы — Понимание Redux и введение в статьи (339)

  2. Основы — Рабочий процесс Redux (338)

  3. Введение в Ant Design и инициализация среды (337)

  4. Создание пользовательского интерфейса с помощью Ant Design(336)

  5. Создание репозиториев в Redux — хранилище и редьюсер (335)

  6. Основы — установка Redux Dev Tools (334)

  7. Foundation - Испытайте процесс Redux через ввод (333)

  8. Основы — создание ToDoList в Redux (332)

  9. Foundation — Реализация функции удаления ToDoList с помощью Redux (331)

  10. Основы — Советы по написанию Redux на работе — 1 (330)

  11. Основы - Советы по написанию Redux на работе - 2(329)

  12. Закуски - Redux заполняет три ямы (328)

  13. Расширенный — метод разделения пользовательского интерфейса компонента и бизнес-логики (327)

  14. Дополнительно — заполнение ям и компоненты без состояния в Redux (326)

  15. Расширенный — Axios получает данные асинхронно и объединяется с Redux (325)

  16. Advanced — установка и настройка промежуточного ПО Redux-thunk (324)

  17. Продвинутый - Как использовать Redux-thunk (323)

  18. Advanced - установка и настройка Redux-saga (322)

  19. Дополнительно - Получите список TodoList с помощью Redux-saga (321)

  20. Введение и установка Advanced-React-Redux (320)

  21. Продвинутый — провайдер и подключение в React-redux (319)

  22. Advanced - модификация данных react-redux (318)

  23. Advanced-React-redux добавляет данные списка (317)

  24. Оптимизация программы React-redux (окончание) (316)

Бесплатный видеоурок по 3-React Router

  1. Установка React Router и создание базовой среды (348)

  2. Используйте ReactRouter как обычную веб-страницу (347)

  3. React Router динамически передает значения -1 (346)

  4. React Router динамически передает значения — 2 (345)

  5. ReactRouter Redirect — использование перенаправления (344)

  6. Пример — вложенная маршрутизация ReactRouter — 1 (343)

  7. Пример — вложенная маршрутизация ReactRouter — 2 (342)

  8. Пример — вложенная маршрутизация ReactRouter — 3 (341)

  9. Динамическое получение маршрутов в фоновом режиме для настройки (340)

Бесплатное видеоруководство по 4-React Hooks

  1. Введение в React Hooks и создание окружения (359)

  2. Введение в useState и объявления с несколькими состояниями (358)

  3. useEffect заменяет обычные функции жизненного цикла (357)

  4. useEffect реализует функцию жизненного цикла componentWillUnmount (356)

  5. useContext упрощает передачу значений между родительским и дочерним компонентами (355)

  6. Введение и простое использование useReducer (354)

  7. useReducer вместо Redux small case-1 (353)

  8. useReducer вместо Redux small case-2 (352)

  9. программа оптимизации производительности useMemo React Hooks (351)

  10. useRef для получения элементов DOM и сохранения переменных (350)

  11. Настройте функцию Hooks, чтобы получить размер окна (349)

5-Начало работы с Next.js, серверной средой рендеринга React.

  1. Next.js Введение и создание проектов (371)

  2. creact-next-app быстро создает проекты Next.js (370)

  3. Использование страницы и компонента Next.js (369)

  4. Маршрутизация — основы и базовые переходы (368)

  5. Маршрутизация — используйте запрос для передачи и принятия параметров при переходе (367)

  6. Маршрутизация — объяснение событий шести ловушек (366)

  7. Получите удаленные данные с помощью Axios в getInitialProps (365)

  8. Используйте Style JSX для написания стилей CSS для страниц (364)

  9. Lazy Loading реализует ленивую загрузку модулей (363)

  10. Настроить голову для более дружелюбных операций SEO (362)

  11. Использование пользовательского интерфейса Ant Design в среде Next.js (361)

  12. Упаковка производственной среды Next.js (завершено) (360)

Категории