Главная страницаКатегория react.jsПолное введение в React (v4)

Полное введение в React (v4)

Name: Полное введение в React (v4)
Rating: 5 (34 reviews)

Complete Intro to React v4

frontendmasters

Brian Holt

★5 (всего оценок - 34)

Продолжительность

6 ч 39 мин

Категория

React.js

Количество уроков

66 Видео

Дата добавления

28 авг. 2018 г., 20:10

Язык

Английский

Дата выхода

27 авг. 2018 г., 23:02

Дата обновления

29 апр. 2026 г., 01:03

Этот курс — идеальная отправная точка для тех, кто хочет быстро и уверенно освоить React и его современную экосистему. Вы начнете с нуля и шаг за шагом придёте к созданию полноценного приложения, изучая ключевые концепции фронтенд‑разработки, управление состоянием и инструменты, которые используют профессиональные разработчики.

Что представляет собой курс «Полное введение в React (v4)»

React уже несколько лет остаётся лидером среди front‑end библиотек, благодаря высокой производительности, простоте архитектуры и широкому сообществу. На курсе под руководством Брайана Холта вы разберёте, почему React получил столь высокую популярность и как применять его возможности в реальных проектах.

Ключевые особенности React

Курс помогает понять уникальные преимущества технологии и учит правильно использовать её сильные стороны:

виртуальный DOM и скорость рендера;
простая архитектура компонентного подхода;
односторонний поток данных и концепция Flux;
понятный и мощный синтаксис JSX.

Что вы изучите в процессе обучения

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

Практические навыки

Инициализация проекта и настройка окружения для React;
полный жизненный цикл React‑компонентов;
создание собственных компонентов и мини‑приложения;
использование Redux для управления состоянием;
работа с универсальным рендерингом на Node.js.

Инструменты и библиотеки

Вы познакомитесь с мощным набором инструментов, которые востребованы в современной разработке:

Webpack, Babel, ESLint, Prettier;
Yarn и Jest;
React Router 4;
обзор альтернатив и сравнение: Preact, Inferno.

Дополнительные материалы

Видео в формате .webm — точно работает в Google Chrome.

Репозиторий курса на GitHub

Онлайн‑версия материалов

Удален по просьбе правообладателя

Урок 1.00:07:18
Prelude & Git Setup
Урок 2.00:05:10
Course Introduction
Урок 3.00:03:38
Setup index.html
Урок 4.00:04:51
Including React
Урок 5.00:03:18
Add CSS File
Урок 6.00:03:26
App Function & Editor Ligatures
Урок 7.00:05:54
Your First Component
Урок 8.00:05:36
Making a Reusable Component
Урок 9.00:02:57
Passing Component Props
Урок 10.00:02:36
Class vs Function Component
Урок 11.00:04:02
Adding a Click Handler
Урок 12.00:05:28
npm
Урок 13.00:06:29
Installing Prettier for Code Formatting
Урок 14.00:03:43
Adding Prettier into Your Editor
Урок 15.00:06:02
Adding Prettier CLI Script
Урок 16.00:08:11
Adding ESLint for Code Quality
Урок 17.00:10:01
Adding an ESLint CLI Script
Урок 18.00:03:45
Webpack vs Parcel
Урок 19.00:04:06
Parcel
Урок 20.00:04:36
Installing React from npm with Parcel
Урок 21.00:03:34
Extracting Component Module
Урок 22.00:10:24
Writing a Component in JSX
Урок 23.00:06:25
Writing the App in JSX
Урок 24.00:13:03
Configuring ESLint with React
Урок 25.00:05:24
Setup the Petfinder API Keys
Урок 26.00:07:53
Using the Petfinder API Client
Урок 27.00:09:28
Set Component State form API Results
Урок 28.00:02:06
Debug Component State in React
Урок 29.00:05:35
Rendering List of Components
Урок 30.00:03:45
Adding Unique Keys to Components
Урок 31.00:10:19
Passing Component Data Using Props
Урок 32.00:07:08
Refactor Components for Adding Routing
Урок 33.00:03:58
Component Routing with Reach Router
Урок 34.00:03:44
React Dev Tools
Урок 35.00:05:16
Routing with Reach Router Link
Урок 36.00:13:17
Render Component from API Data
Урок 37.00:09:16
Remove Class Constructor with Babel
Урок 38.00:14:28
Creating a Carousel Component
Урок 39.00:12:34
Adding Carousel Interactivity
Урок 40.00:05:28
Adding a Search Input Component
Урок 41.00:08:51
Handling Input State Change
Урок 42.00:06:43
Adding a Select List with Options
Урок 43.00:01:56
Turning Off ESLint Rules
Урок 44.00:16:10
Adding an Input from API Data
Урок 45.00:14:16
Q&A
Урок 46.00:04:16
The Problem of Sharing State
Урок 47.00:05:14
Spread Operator & Passing Props
Урок 48.00:03:23
Intro to Context
Урок 49.00:04:41
React createContext
Урок 50.00:06:11
Using the Provider
Урок 51.00:06:15
Using the Consumer
Урок 52.00:05:14
Context Q&A
Урок 53.00:07:33
Using the Component Anywhere
Урок 54.00:02:07
Debugging React Errors
Урок 55.00:12:54
Using Context in Lifecycle Methods
Урок 56.00:05:01
Fixing Routing
Урок 57.00:02:10
Context Wrap Up & Questions
Урок 58.00:05:36
Portals
Урок 59.00:01:19
this.props.children
Урок 60.00:07:08
Rendering to the Portal
Урок 61.00:02:47
React Refs
Урок 62.00:04:21
Integrating with 3rd Party Libraries
Урок 63.00:03:07
shouldComponentUpdate
Урок 64.00:04:09
Lifecycle Methods
Урок 65.00:02:27
Profiling React
Урок 66.00:01:16
Final Thoughts

Авторы - Brian Holt, frontendmasters

Brian Holt

Брайан Холт в настоящее время занимает должность вице-президента по продукту в SQLite Cloud, привнося свой богатый опыт в области JavaScript-инженерии в продуктовую сферу. Его обширный опыт включает работу инженером по JavaScript и менеджером проектов в таких технологических гигантах, как Netflix, Stripe, Snowflake, LinkedIn, Microsoft и Reddit. Брайан обладает острым взглядом на опыт разработчиков и облачные сервисы. Вне работы Брайан заканчивае

+15

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+792

Комментарии