Mô tả

This course was just updated to support React v16, React Hooks, the Context API, and more!

--

Have you tried to learn React before?

It’s easy to go down the rabbit hole of libraries and tools only to come out of it not knowing how to build and launch a real-world React application. You get things configured, but you’re not sure how the libraries fit together (or if you’re even using the right one).

Sound familiar?

I built this course to show you how you can build and launch real-world React web applications.

The Complete React Web Developer Course 2 starts with the fundamentals and covers everything you’ll need to build and launch React web apps.

You’ll see what it takes to build and launch a React app, from the first line of code to the final production deployment.

This course was designed around one goal: turning you into a professional React developer capable of developing, testing, and deploying real-world production applications.

You’ll learn React by doing, not watching.

From the first videos you’ll be building out each project as well as completing programming challenges I’ve designed to test and reinforce what you’ve learned.

Throughout the course you’ll build two React web apps:

  1. The first app, a decision-making app called Indecision, is our starter application. You’ll learn the fundamentals of React while seeing exactly what it takes to get a React app up and running.

  2. The second app, an expense manager called Budget, has all the features you’d expect from a real application. You’ll set up authentication, user accounts, routing, testing, form validation, database storage, and more.

Stay up-to-date in an ever changing world.

The world of React changes fast, and that’s why I’m always working to keep this course as up-to-date as possible. You can jump in knowing you’re getting access to hot-off-the-press features.

Everything you need comes in one easy-to-use package.

There’s no need to worry if you’re learning the right skills to land that React job or launch that React app. I’ve mapped out everything you need to know in an interactive easy-to-follow package designed to get you up and running in a couple of weeks.

There’s no better time to learn React.

React’s not going anywhere. Companies like Facebook, Walmart, Uber, Airbnb, and Netflix are all using React in production right now.

They’ve also made heavy investments in the React ecosystem, creating new libraries and tools that speed up and simplify React development. From the biggest to the smallest, everyone’s using React and new jobs are popping up every day.

Get access to fast support if you get stuck.

There’s nothing worse than getting stuck ten hours into a course and not getting the help you need to continue. Getting stuck is part of the learning process. That’s why I’m here to answer every single question.

I’ll work with you to get you unstuck and back on track. It’s one of the reasons students love taking my courses:

“This is the absolute best course I've taken on udemy. Andrew is amazing at explaining things concisely, and the flow of the course is perfect. He doesn't skip over anything and he doesn't over-explain anything. On top of all that, he responds to questions so quickly that you won't be stuck at any point." - Tanya Gamarian

"The lessons are of high quality and even more important, he actually takes time to answer your questions!" - Thomas Vercamer

"The instructor does an excellent job in explaining how to build React Apps. He also responds quickly to any questions that are asked." - Matt Willy

I guarantee that this is the most up-to-date and engaging React course available, and it comes with a Udemy 30-day money-back guarantee.

Over eighteen sections you’ll learn:

  1. React

  2. Redux

  3. React-Router

  4. Webpack

  5. Babel

  6. Testing with Jest

  7. Enzyme

  8. App Debugging

  9. App Deployment

  10. Firebase

  11. Authentication

  12. Git/GitHub

  13. ES6/ES7

  14. And many more tools

I can’t wait to see you on the inside!

- Andrew

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

Build, test, and launch React apps

Use cutting-edge ES6/ES7 JavaScript

Setup authentication and user accounts

Deploy your React apps live to the web

Learn the latest React libraries and tools

Master React, Redux, React-Router, and more

Yêu cầu

  • A computer on which you can install software (Windows, MacOS, or Linux)
  • An understanding of core JavaScript (functions, objects, arrays, callback functions)

Nội dung khoá học

19 sections

Welcome

2 lectures
Welcome & Asking Good Questions
04:53
"Why should I learn React?"
05:10

Setting up Your Environment

3 lectures
Section Intro: Setting up Your Environment
00:50
Installing Visual Studio Code
01:35
Installing Node.js & Yarn
04:24

Hello React

16 lectures
Section Intro: Hello React
02:07
Setting up a Web Server
12:00
Hello React
18:38
Setting up Babel
17:26
Exploring JSX
14:43
JSX Expressions
10:20
Conditional Rendering in JSX
22:34
ES6 Aside: const and let
16:29
ES6 Aside: Arrow Functions
12:36
ES6 Aside: Arrow Functions Part II
19:57
Events and Attributes
16:39
Manual Data Binding
11:52
Forms and Inputs
17:53
Arrays in JSX
14:15
Picking an Option
08:31
Build It: Visibility Toggle
09:10

React Components

17 lectures
Section Intro: React Components
01:18
Thinking in React
07:21
ES6 Classes: Part I
20:52
ES6 Classes: Part II
18:07
Creating a React Component
14:36
Nesting Components
05:43
Component Props
13:34
Events & Methods
10:34
Method Binding
11:24
What Is Component State?
06:50
Adding State to Counter App: Part I
08:18
Adding State to Counter App: Part II
11:00
Alternative setState Syntax
07:15
Build It: Adding State to VisibilityToggle
08:13
Indecision State: Part I
17:06
Indecision State: Part II
14:33
Summary: Props vs. State
03:41

Stateless Functional Components

8 lectures
Section Intro: Stateless Functional Components
00:54
The Stateless Functional Component
13:47
Default Prop Values
09:49
React Dev Tools
07:03
Removing Individual Options
16:22
Lifecycle Methods
10:07
Saving and Loading Options Data
14:36
Saving and Loading the Count
10:34

Webpack

12 lectures
Section Intro: Webpack
01:15
What Is Webpack?
09:06
Avoid Global Modules
08:25
Installing & Configuring Webpack
16:31
ES6 import/export
18:32
Default Exports
11:18
Importing npm Modules
11:28
Setting up Babel with Webpack
09:27
One Component per File
18:12
Source Maps with Webpack
05:16
Webpack Dev Server
08:48
ES6 class properties
17:33

Using a Third-Party Component

4 lectures
Section Intro: Using a Third-Party Component
01:13
Passing Children to Component
06:25
Setting up React-Modal
18:45
Bonus: Refactoring Other Stateless Functional Components
02:25

Styling React

11 lectures
Section Intro: Styling React
00:49
Setting up Webpack with SCSS
13:16
Architecture and Header Styles
14:48
Reset That $#!*
04:58
Theming with Variables
14:18
Big Button & Options List
15:24
Styling the Options List
14:13
Styling Option Item
16:40
Styling React-Modal
18:00
Mobile Considerations
12:57
Bonus: Favicon
02:53

React-Router

9 lectures
Section Intro: React Router
02:49
Server vs. Client Routing
04:39
Setting Up Budget App
06:54
React-Router 101
20:13
Setting up a 404
05:58
Linking Between Routes
14:08
Organizing Our Routes
12:30
Query Strings and URL Parameters
09:10
Build It: Router for Portfolio Site
18:27

Redux

15 lectures
Section Intro: Redux
01:35
Why Do We Need Something Like Redux?
13:33
Setting up Redux
07:53
Dispatching Actions
13:00
Subscribing and Dynamic Actions
09:35
ES6 Object Destructuring
15:49
ES6 Array Destructuring
10:38
Refactoring and Organizing
16:41
Reducers
12:05
Working with Multiple Reducers
13:40
ES6 Spread Operator in Reducers
17:36
Spreading Objects
14:36
Wrapping up Our Reducers
09:52
Filtering Redux Data
16:54
Sorting Redux Data
06:14

React with Redux

13 lectures
Section Intro: Connecting React and Redux
01:06
Organizing Redux
15:02
The Higher Order Component
15:30
Connecting Store and Component with React-Redux
15:40
Rendering Individual Expenses
09:09
Controlled Inputs for Filters
14:21
Dropdown for Picking SortBy
08:41
Creating Expense Add/Edit Form
20:09
Setting up a Date Picker
21:34
Wiring up Add Expense
16:44
Wiring up Edit Expense
19:06
Redux Dev Tools
05:33
Filtering by Dates
19:44

Testing Your Application

17 lectures
Section Intro: Testing React Components
03:03
Setting up Jest
19:34
Testing Expenses Action Generators
16:55
Testing Filters Action Generators
11:06
Testing Expenses Selector
17:03
Testing Filters Reducer
14:07
Testing Expenses Reducer
15:10
Snapshot Testing
12:13
Enzyme
21:53
Snapshot Testing with Dynamic Components
15:42
Mocking Libraries with Jest
11:51
Testing User Interaction
16:54
Test Spies
17:39
Testing AddExpensePage
14:39
Testing EditExpensePage
19:00
Testing ExpenseListFilters
14:50
Testing ExpenseListFilters: Part II
12:27

Deploying Your Apps

13 lectures
Section Intro: Deploying Your Apps
01:00
Installing Git
04:26
What is Git?
05:17
Integrating Git into Our Project
12:54
Setting up SSH and Github
18:08
Production Webpack
13:07
Creating Separate CSS Files
16:47
A Production Web Server with Express
13:14
Deploying with Heroku
16:44
Regular vs Development Dependencies
15:36
New Feature Workflow
12:32
Build It: Adding Total Selector
17:25
Build It: Adding Summary Component
18:39

Firebase 101

10 lectures
Section Intro: Firebase 101
01:11
Getting Firebase
11:40
Writing to the Database
14:59
ES6 Promises
14:30
Promises with Firebase
10:54
Removing Data from Firebase
05:42
Updating Data
10:41
Fetching Data From Firebase
17:54
Array Data in Firebase: Part I
15:12
Array Data in Firebase: Part II
14:56

Firebase with Redux

10 lectures
Section Intro: Firebase with Redux
01:18
Asynchronous Redux Actions
18:49
Testing Async Redux Actions: Part I
16:59
Testing Async Redux Actions: Part II
12:12
Creating a Separate Test Database
21:15
Heroku Environment Variables
06:38
Fetching Expenses: Part I
12:38
Fetching Expenses: Part II
13:52
Remove Expense
12:03
Update Expense
10:31

Firebase Authentication

9 lectures
Section Intro: Firebase Authentication
00:59
Login Page and Google Authentication
19:26
Logging Out
11:05
Redirecting Login or Logout
12:48
The Auth Reducer
15:49
Private Only Routes
13:04
Public Only Routes
05:29
Private Firebase Data
18:33
Data Validation and Deployment
14:58

Styling Budget App

12 lectures
Section Intro: Styling Budget App
00:33
Styling Login Page
13:45
Styling Buttons
15:35
Styling Summary Area
12:20
Styling List Filters
10:05
Styling Inputs
11:30
Styling Expense Form
13:19
Styling Expenses List: Part I
13:03
Styling Expenses List: Part II
17:58
Adding Loader
09:26
Babel Polyfill
04:55
Final Deployment
01:57

What Now?

6 lectures
Section Into: What Now?
01:35
Creating the Final Boilerplate
18:05
Budget App Enhancements
03:18
Indecision App Enhancements
01:09
New App Idea: Blog
02:48
Until Next Time
01:11

[New!] Hooks, Context, Fragments, and More

13 lectures
Section Intro
00:29
Using Create React App
16:46
The useState Hook
15:50
useState vs. setState
12:18
Complex State with useState
16:21
The useEffect Hook
11:24
useEffect Dependencies
11:57
Cleaning up Effects
08:11
The useReducer Hook
14:46
The Context API & useContext Hook: Part I
20:00
The Context API & useContext Hook: Part II
16:58
Fragments
02:43
Creating Custom Hooks
20:16

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