Mô tả

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..

What about the instructor experience ?

Well I've been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a liitle bit of Javascript is required.We will use ES6 but you can learn as we go.
  • If you want to take your coding to the next level, this is the course for you. 



Bạn sẽ học được gì

You will learn React from the ground up.

Use Redux Framework to take React to the next level

We will build some practice projects and start coding with React on a daily basis

Yêu cầu

  • Knowing a liitle bit of HTML, CSS and Javascript, everything else you will learn it as we go.

Nội dung khoá học

26 sections

Introduction

3 lectures
Welcome !!
01:47
Project overview
04:04
IDE
01:12

React 101

16 lectures
Installing NODE and Using a CLI
11:57
The bundle
05:57
Starting with the code
09:06
JSX behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
The STATE
15:04
Using Props
10:45
Using props 2
14:03
Props to class
06:01
Childrens
03:42
More with styles
06:58
Styles plugins
06:34
Filtering the news
15:03

Working with routes

9 lectures
Installing routes
05:37
How it works and creating components
07:20
Using routes
06:27
Linking
10:52
Working with params
06:49
Other features from react router
07:18
Switch
03:50
Redirections
06:54
404 and WITHROUTER
09:56

React practice: Project one

4 lectures
Getting ready
11:14
Adding header and banner
15:56
Bringing the HOME list
10:41
Creating the artist detailed view
18:41

React specific topics

7 lectures
Component lifecycles
07:21
Component lifecycles 2
19:26
Conditional rendering
10:23
Pure components
08:29
Adjacent elements
05:43
HOC''s
08:47
HOC''s Continued
13:36

React Transitions

4 lectures
Using transitions
17:28
Using transitions 2
08:55
Transitions group
11:50
CSS Transitions
15:43

React extra topics

3 lectures
Proptypes
10:22
Proptypes 2
08:27
Controlled components
07:58

Project 2- NBA

11 lectures
installation and setup
08:48
Routes, Footer and header
09:29
Adding a slider
20:04
Adding subs
19:35
Adding subs...continued
10:07
Home blocks
13:25
Adding a poll
14:58
Finishing the poll
06:12
Adding the teams section
14:42
Finishing the teams section
08:54
Creating the team view
13:26

Redux

10 lectures
Redux introduction
08:36
Creating a Store
07:53
The redux flow
05:55
Combining reducers
06:34
Creating a valid reducer
07:31
Creating an action
04:43
MapStateToProps and connect
12:43
MapDispatchToProps
05:47
Types
07:57
Using middleware
07:44

Project 3 - DaylyNews

9 lectures
Installations
06:58
Adding Redux
14:09
Getting home data
16:45
Latest news component
07:05
Other news section
08:56
Articles page
16:05
Adding likes component
12:32
Finishing the likes
08:58
Clearing data
04:45

Hooks

7 lectures
Introduction to hooks
01:49
UseState
13:53
UseState 2
13:50
UseEffect
16:42
UseReducer
12:27
Preparing the app for the context
09:59
Context and UseContext
15:29

Introduction [ Legacy ]

1 lectures
Introduction
01:36

Installing Node JS [ Legacy ]

2 lectures
Windows Users: Installing Node JS
08:03
Mac Users: Install Node JS
01:53

React 101 [ Legacy ]

21 lectures
Runing the Boilerplate: Create React App
05:00
Bundle
03:07
Getting Started
03:23
Imports and render
05:45
Project structure
03:41
Exporting components
07:07
Type of components
06:24
Adding some Style
08:15
Synthetic Events
09:20
ES6 Constructor
08:17
Using React State
04:06
Changing State
04:32
Changing State 2
04:56
Working with Props
05:49
Working with Props 2
05:32
Working with Props 3
07:47
Working with Props 4
07:53
Filter the news
07:51
Filter the news 2
06:48
Conclusions
02:16
Get it from github
00:07

React Router [ Legacy ]

8 lectures
Introduction to React Router
04:16
Router Process
02:39
Setting up Routes
07:04
Using Routes
06:19
Linking
03:49
Params
08:19
More on React Router
09:18
Get it from Github
00:07

Practice Project: Artists DB [ Legacy ]

11 lectures
Setup and installation
05:48
Creating the Routes
07:25
Adding a banner
12:22
Fetching the list
10:09
Showing the list
10:51
Styling the list
03:56
Creating the detail
10:48
Showing the bio
05:44
Styling the bio
05:10
Album List
10:36
Get it from Github
00:07

React Lifecycles [ Legacy ]

3 lectures
Component Lifecycles
09:15
Component Lifecycles 2
06:57
Component Lifecycles 3
04:06

React Transitions [ Legacy ]

6 lectures
Transitions
04:22
Transition enter
07:50
Transition leave and appear
06:43
Transition from variables
06:52
Transition imports
09:23
Get it from Github
00:07

React tools and concepts [ Legacy ]

6 lectures
Proptypes intro
02:42
Using Proptypes
06:29
More on Proptypes
09:26
Using Refs
05:26
Controlled Components
06:14
Uncontrolled Component
05:10

Practice Project: NBA Highlights [ Legacy ]

27 lectures
INTRO
03:50
Installation
06:56
Setting up Routes
07:57
Adding header and footer
03:16
Styling header and footer
09:22
Slider
09:13
Slider 2
09:57
Slider styles
04:35
Subscribe component
13:57
Saving subscribers
05:52
Handling errors
12:20
Styling subscribers
04:09
Home blocks
10:34
Showing the blocks
04:55
Styling the blocks
12:44
Creating the poll
12:12
Creating the poll 2
08:31
Adding Hits
06:53
Styling the poll
03:58
Getting the Teams
11:11
Adding effects to the teams
08:13
Filtering teams
12:57
Styling teams
05:37
Rendering team details
10:53
Rendering team details 2
04:46
Styling the detail
08:49
Get it from github
00:07

REDUX [ Legacy ]

9 lectures
Intro to Redux
02:45
Connecting Redux
08:38
Action creators and Reducers
04:12
Reducers
05:24
Reducers 2
08:15
Action creators
04:58
Connecting
13:53
Containers
04:31
Get it from github
00:07

Redux intermediate [ Legacy ]

17 lectures
Setting up
05:57
Creating components
13:18
Creating search
06:03
Setting up Redux
05:19
Binding actions
11:25
Requests and Middleware
10:36
Redux promise
04:57
Adding the reducer
02:47
Showing results
11:42
Creating the list
08:31
Creating the detail
09:22
Adding reducers
07:27
Fixing state
05:40
Fixing state 2
03:19
Car detail view
08:39
Clearing state
05:59
Get it from github
00:07

Practice Project: Daily News [ Legacy ]

27 lectures
Installing
05:32
Setting up redux
04:37
Setting up routes
03:53
Header and Footer
03:55
Header and Footer Styles
06:09
Home - Latest News
09:44
Home - Latest news - Store Data
10:46
Home - Latest News - JSX
06:42
Home -Latest News - Style
06:02
Home - Fetching other news
09:05
Home - Rendering other news
08:01
Home - Styling other news
10:21
Home - Fetching Gallery
09:06
Home - Render Gallery JSX
08:57
Home - Styling Gallery
04:08
News - Fetching article
14:46
News - Render Article JSX
07:57
News - Styling article
06:47
Gallery - Fetching data
10:16
Gallery - Render JSX
10:59
Gallery - Adding styles
04:03
Likes & Dislikes widget
09:43
Likes & Dislikes widget 2
05:27
Likes & Dislikes widget 3
10:11
Likes & Dislikes widget 4
02:34
Likes & Dislikes - Styles
05:32
Get it from github
00:07

Bonus: Redux action types [ Legacy ]

2 lectures
Using and Index for types - convention
10:03
Get it from github
00:07

Bonus - Redux Form [ Legacy ]

7 lectures
Intro and setup
08:07
Adding form elements
06:52
Validation
08:12
Validation 2
05:29
Submitting Form
08:45
Form on success
06:52
Get it from Github
00:07

Get more course for $ 10

2 lectures
Discounts !!
00:06
Bonus content as we go !!
00:12

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.