English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 8h 03m | 1.78 GB
Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!
React has rapidly become one of the most powerful tools for building web applications. Top sites using React include Facebook, Twitter, Netflix, Airbnb, and more! This course is perfect for entrepreneurs or startups looking to bring their ideas to life; React developers command some of the highest salaries in the development world. This course is designed to turn students with no programming/web development experience into accomplished React developers.
This course will show you how to:
- Build a sophisticated Photowall Web Application with React, Redux, and CSS
- Use Redux to manage your data and make it more predictable and easier to debug
- Connect your application to Firebase, a powerful database.
- Use React Router to navigate through your application
- Create class components
- Use JSX to build your user interface
- Use props to pass data
- Compartmentalize your web page into components
- Update component state to ensure responsive and interactive applications
By the end of the course, you will have built a sophisticated Photowall web application with React, Redux, and CSS. This powerful application will impress even the most senior developers and ensure you have hands-on skills in React and Redux that you can bring to any project or company.
You’ll go from beginner to extremely high-level and your instructor will complete each task with you step-by-step on screen.
What You Will Learn
- Master React’s Compositional model.
- Build interactive web pages with self-contained components
- Manage your application’s data with Redux
- Get web development jobs on freelancer sites
Table of Contents
Introduction
1 Introduction
Getting Started
2 Code Editor
3 Node.js
ES6 Crash Course (Optional)
4 Overview
5 ES6 – let (Optional)
6 ES6 – let vs const (Optional)
7 ES6 – Arrow Functions (Optional)
8 ES6 – Template Strings (Optional)
9 Prototype Methods (Optional)
10 ES6 – Classes (Optional)
11 Spread Operator (Optional)
React Intro
12 Overview
13 Create-react-app
14 Elements
15 JSX
16 Components
17 Refactor
React – State Management
18 Overview
19 App Setup
20 Component Architecture
21 Functional Components
22 State Management
23 Updating State
24 Prop-Types
25 Lifecycle Methods
React-Router
26 Overview
27 Component State Navigation
28 Browser-Router
29 Link
30 Route
31 UI Setup
32 Adding Photos
33 Wrapping up
Redux
34 Overview
35 Theory
36 Redux Store
37 Reducer
38 Connected Component
39 Actions
40 Updating State
41 Actions (2) – Adding Posts
42 Redux Dev Tool
Redux (2) – Comments
43 UI Setup
44 Adding Comments
45 Selectively Loading Comments
46 Comment Count
Firebase & Redux
47 Overview
48 Firebase Setup
49 Updating Database
50 Fetching Posts
51 Removing Posts
52 Saving Comments
53 Loading Comments
Wrapping up
54 Debugging
Resolve the captcha to access the links!