The complete React and Redux course: Build modern apps

The complete React and Redux course: Build modern apps
The complete React and Redux course: Build modern apps
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 16.5 Hours | 1.96 GB

Take you coding to the next level with React, the most popular Javascript library.

Build modern Apps with React and Redux.

Do you want to take your coding to the next level?. This is the course for you.

You will learn React from the ground up here.

We will start from the very beginning, from "I don't even know how to run it" to actually building a few applications.You will learn all the logic and practice behind React in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into REDUX, the most beloved state manager.

To sum everything up, you will learn in this course:

  • The very basics of React.How toy install and run it.How to create different types of components.
  • Learn the tools React provides, just like State and React Lifecycles to handle you application.
  • Work with events and use them in a real life scenario and the importance of props to handle the application
  • How to use React Router to navigate through pages and create transition with React Transition Group
  • How to do typechecking with React Proptypes
  • Learn how to use the Redux cycle properly and handle the information that flows in your entire application
  • We will learn the importance of middlewares.
  • Much more of course...

And of course, we will stop before going to different levels and create a project to put everything in practice..

Table of Contents

Introduction
1 Introduction

Installing Node JS
2 Windows Users_ Installing Node JS
3 Mac Users_ Install Node JS

React 101
4 Runing the Boilerplate_ Create React App
5 Bundle
6 Getting Started
7 Imports and render
8 Project structure
9 Exporting components
10 Type of components
11 Adding some Style
12 Synthetic Events
13 ES6 Constructor
14 Using React State
15 Changing State
16 Changing State 2
17 Working with Props
18 db.json
18 Working with Props 2
19 PROPS-3.mov
19 Working with Props 3
20 Working with Props 4
21 Filter the news
22 Filter the news 2
23 Conclusions
24 Get it from github

React Router
25 Introduction to React Router
26 Router Process
27 Setting up Routes
28 Using Routes
29 Linking
30 Params
31 More on React Router
32 Get it from Github

Practice Project_ Artists DB
33 Setup and installation
34 Creating the Routes
35 Adding a banner
36 Fetching the list
37 Showing the list
38 Styling the list
39 Creating the detail
40 Showing the bio
41 Styling the bio
42 Album List
43 Get it from Github

React Lifecycles
44 Component Lifecycles
45 Component Lifecycles 2
46 Component Lifecycles 3

React Transitions
47 Transitions
48 Transition enter
49 Transition leave and appear
50 Transition from variables
51 Transition imports
52 Get it from Github

React tools and concepts
53 Proptypes intro
54 Using Proptypes
55 More on Proptypes
56 Using Refs
57 Controlled Components
58 Uncontrolled Component

Practice Project_ NBA Highlights
59 INTRO
60 Installation
61 Setting up Routes
62 Adding header and footer
63 Styling header and footer
64 Slider
65 Slider 2
66 Slider styles
67 Subscribe component
68 Saving subscribers
69 Handling errors
70 Styling subscribers
71 Home blocks
72 Showing the blocks
73 Styling the blocks
74 Creating the poll
75 Creating the poll 2
76 Adding Hits
77 Styling the poll
78 Getting the Teams
79 Adding effects to the teams
80 Filtering teams
81 Styling teams
82 Rendering team details
83 Rendering team details 2
84 Styling the detail
85 Get it from github

REDUX
86 Intro to Redux
87 Connecting Redux
88 Action creators and Reducers
89 Reducers
90 Reducers 2
91 Action creators
92 Connecting
93 Containers
94 Get it from github

Redux intermediate
95 Setting up
96 Creating components
97 Creating search
98 Setting up Redux
99 Binding actions
100 db.json
100 Requests and Middleware
101 Redux promise
102 Adding the reducer
103 Showing results
104 Creating the list
105 Creating the detail
106 Adding reducers
107 Fixing state
108 Fixing state 2
109 Car detail view
110 Clearing state
111 Get it from github

Practice Project_ Daily News
112 Installing
113 Setting up redux
114 Setting up routes
115 Header and Footer
116 Header and Footer Styles
117 Home - Latest News
118 Home - Latest news - Store Data
119 Home - Latest News - JSX
120 Home -Latest News - Style
121 Home - Fetching other news
122 Home - Rendering other news
123 Home - Styling other news
124 Home - Fetching Gallery
125 Home - Render Gallery JSX
126 Home - Styling Gallery
127 News - Fetching article
128 News - Render Article JSX
129 News - Styling article
130 Gallery - Fetching data
131 Gallery - Render JSX
132 Gallery - Adding styles
133 Likes & Dislikes widget
134 Likes & Dislikes widget 2
135 Likes & Dislikes widget 3
136 Likes & Dislikes widget 4
137 Likes & Dislikes - Styles
138 Get it from github

Bonus_ Redux action types
139 Using and Index for types - convention
140 Get it from github

Bonus - Redux Form
141 Intro and setup
142 Adding form elements
143 Validation
144 Validation 2
145 Submitting Form
146 Form on success
147 Get it from Github

Get more course for $ 10
148 Discounts !!
149 Bonus content as we go !!