Скоро [Udemy] Современный React и Redux

[VkurseBot]

Курс показывает построение приложения на базе React/Redux/npm/Babel/etc

Lectures - 111
Contents
Video: 14 hours
Other: 8.5 hours

Languages English

Course Description
This is the tutorial you've been looking for to master modern web development with React.

Redux? We got it. ES6/Babel? Covered. Webpack? Included!

Mastering React and Redux can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we'll dive right in to Redux, covering topics like reducers, actions, and the state tree.

If you are new to React and Redux, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.

• Learn how to use React's custom markup language, JSX, to clean up your Javascript code
• Master the process of breaking down a complex component into many smaller, interchangeable components
• Grasp the difference between “props" and “state" and when to use each
• Develop complex applications that scale in complexity by mastering Redux
• Dive deeper into Redux by using middlewares. No fancy terms required!

I've built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Full details
What are the requirements?

• A Mac or PC

What am I going to get from this course?

• Build amazing single page applications with React JS and Redux
• Master fundamental concepts behind structuring Redux applications
• Realize the power of building composable components
• Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
• Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax

Full details
What is the target audience?

• Programmers looking to learn React
• Developers who want to grow out of just using jQuery
• Engineers who have researched React but have had trouble mastering some concepts

Нажмите, чтобы раскрыть...

Спойлер: Содержание

Curriculum
Section 1: An Intro to React
Lecture 1
Introduction - Github Links for Project Files!
Preview 03:38
Lecture 2
Completed Projects - Github Links
Article
Lecture 3
The Purpose of Boilerplate Projects
Preview 03:42
Lecture 4
Environment Setup
Preview 01:45
Lecture 5
Project Setup
Preview 02:53
Lecture 6
A Taste of JSX
11:29
Lecture 7
More on JSX
04:35
Lecture 8
ES6 Import Statements
03:59
Lecture 9
ReactDOM vs React
02:26
Lecture 10
Differences Between Component Instances and Component Classes
03:38
Lecture 11
Render Targets
05:53
Lecture 12
Component Structure
06:26
Lecture 13
Youtube Search API Signup
06:39
Lecture 14
Export Statements
08:40
Lecture 15
Class-Based Components
08:11
Lecture 16
Handling User Events
09:30
Lecture 17
Introduction to State
05:13
Lecture 18
More on State
06:04
Lecture 19
Controlled Components
07:47
Lecture 20
Breather and Review
03:37
Section 2: Ajax Requests with React
Lecture 21
Youtube Search Response
04:26
Lecture 22
Refactoring Functional Components to Class Components
07:43
Lecture 23
Props
07:42
Lecture 24
Building Lists with Map
07:06
Lecture 25
List Item Keys
03:54
Lecture 26
Video List Items
07:53
Lecture 27
Detail Component and Template Strings
07:05
Lecture 28
Handling Null Props
04:41
Lecture 29
Video Selection
11:39
Lecture 30
Styling with CSS
03:43
Lecture 31
Searching for Videos
07:51
Lecture 32
Throttling Search Term Input
05:46
Lecture 33
React Wrapup
05:24
Section 3: Modeling Application State
Lecture 34
Foreword on Redux
02:16
Lecture 35
What is Redux?
02:45
Lecture 36
More on Redux
03:42
Lecture 37
Even More on Redux!
04:19
Section 4: Managing App State with Redux
Lecture 38
Reducers
07:43
Lecture 39
Containers - Connecting Redux to React
07:23
Lecture 40
Containers Continued
04:00
Lecture 41
Implementation of a Container Class
10:46
Lecture 42
Containers and Reducers Review
04:09
Lecture 43
Actions and Action Creators
07:31
Lecture 44
Binding Action Creators
09:41
Lecture 45
Creating an Action
06:45
Lecture 46
Consuming Actions in Reducers
07:16
Lecture 47
Consuming Actions in Reducers Continued
05:05
Lecture 48
Conditional Rendering
06:38
Lecture 49
Reducers and Actions Review
05:02
Section 5: Intermediate Redux: Middleware
Lecture 50
App Overview and Planning
05:10
Lecture 51
Component Setup
07:57
Lecture 52
Controlled Components and Binding Context
09:56
Lecture 53
Form Elements in React
06:28
Lecture 54
Working with API's
08:12
Lecture 55
Introduction to Middleware
07:27
Lecture 56
Ajax Requests with Axios
13:03
Lecture 57
Redux-Promise in Practice
10:15
Lecture 58
Redux-Promise Continued
10:55
Lecture 59
Avoiding State Mutations in Reducers
09:53
Lecture 60
Building a List Container
06:54
Lecture 61
Mapping Props to a Render Helper
06:07
Lecture 62
Adding Sparkline Charts
09:55
Lecture 63
Making a Reusable Chart Component
06:00
Lecture 64
Labeling of Units
10:37
Lecture 65
Google Maps Integration
13:02
Lecture 66
Google Maps Integration Continued
06:06
Lecture 67
Project Review
04:59
Section 6: React Router + Redux Form
Lecture 68
App Overview and Goals
06:49
Lecture 69
Exploring the Posts Api
13:26
Lecture 70
Installing React Router
02:35
Lecture 71
React Router - What is It?
05:33
Lecture 72
Setting Up React Router
04:39
Lecture 73
Route Configuration
05:16
Lecture 74
Nesting Of Routes
08:02
Lecture 75
IndexRoutes with React Router
05:04
Lecture 76
Back To Redux - Index Action
05:50
Lecture 77
Catching Data with Posts Reducer
06:29
Lecture 78
Catching Data with Posts Reducer Continued
02:38
Lecture 79
Fetching Data with Lifecycle Methods
05:43
Lecture 80
Fetching Data with Lifecycle Methods Continued
06:50
Lecture 81
Creating New Posts
05:23
Lecture 82
Navigation with the Link Component
04:26
Lecture 83
Forms and Form Submission
10:12
Lecture 84
More on Forms and Form Submission
07:37
Lecture 85
Passing Control to Redux Form
07:51
Lecture 86
CreatePost Action Creator
11:21
Lecture 87
Form Validation
08:28
Lecture 88
Form Validation Continued
08:51
Lecture 89
Navigating on Submit
12:37
Lecture 90
Posts Index
04:31
Lecture 91
Dynamic Route Params
07:09
Lecture 92
Loading Data on Render
05:45
Lecture 93
Handling Null Props
05:31
Lecture 94
Delete Action Creator
07:07
Lecture 95
Navigate on Delete
02:25
Lecture 96
ReactRouter and ReduxForm Wrapup
07:02
Section 7: Bonus - RallyCoding
Lecture 97
Basics of Redux Thunk
07:16
Lecture 98
Combining Redux and Firebase
12:16
Lecture 99
Dynamic Forms with Redux Form
14:42
Lecture 100
Logicless Components with Reselect
18:08
Lecture 101
Data Loading Methods with Redux
09:29
Lecture 102
Animation of React Components
12:33
Lecture 103
Four Most Common Errors with React and Redux
12:02
Lecture 104
Modals in React and Redux Apps
18:43
Lecture 105
The Best Way to Store Redux Data
15:05
Lecture 106
BrowserHistory in Production
19:46
Lecture 107
Introducing JSPlaygrounds for Rapid Prototyping
12:18
Lecture 108
Deployment of React/Webpack Apps
23:15
Lecture 109
React Integration with Third Party Libraries
18:42
Section 8: More to Come!
Lecture 110
Still want more React?
Article
Lecture 111
React Source
Article

Скрытый контент.

 

 

Последнее редактирование модератором: 22 Сен 2016