Главная страницаКатегория 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

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

19 сент. 2018 г., 06:01

Конечно, вы уже слышали шум вокруг Решения Facebook. Все больше людей и компаний используют React для создания крупномасштабных приложений для производства, в том числе в Netflix. Брайан Холт направляет участников через обзор Реакт. В этом трехдневном тренинге участники пройдут от полного незнания реакта до создания целого приложения с использованием React и Redux.

У React есть некоторые опрятные колокола и свистки, такие как виртуальный DOM и скорость, с которой он может отображать контент в DOM и обновлять его после этого. Однако это не самые убедительные причины для использования React. Реакт ввел некоторые фундаментальные концепции в мир развития frontend, главный из которых - Flux и односторонний поток данных. Брайан описывает, как вы можете использовать эти понятия и применять их к любому коду, который вы пишете.

В дополнение к рассмотрению того, как писать пользовательские интерфейсы с помощью React, Брайан покажет управление данными с помощью Redux. Redux - отличная библиотека от Д. Абрамова, которая упрощает управление хранилищами данных. Мы обсудим, как использовать Redux. Мы также обсуждаем инструменты в мире React, рассказывая о новейших версиях Webpack, Babel, eslint, Yarn и Jest.

В качестве бонуса Брайан даст краткий трактат по универсальному рендерингу с помощью Node.js с использованием React.

Программируя вместе с нами в этом воркшопе, вы узанете:

Как начать писать новое приложение и заставить React работать на вас
Полный жизненный цикл компонента React
Некоторые "победившие в битве" лучшие практики написания кода в реакте
Этот странный, классный, новый диалект JavaScript под названием JSX
Создадите несколько полных компонентов React, включая небольшое приложение
Как управлять состоянием приложения с помощью Redux
Инструмент вокруг React, включая Prettier, Babel, ESLint, Yarn, Jest, Webpack и React-Router 4
Как перейти от React к Preact and Inferno
Инструменты разработчика для React и Redux

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

https://github.com/btholt/complete-intro-to-react-v4/

https://btholt.github.io/complete-intro-to-react-v4/

Посмотреть больше

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

Урок 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. Брайан обладает острым взглядом на опыт разработчиков и облачные сервисы. Вне работы Брайан заканчивае

+13