English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5 Hours | 725 MB
You will become an in-demand software engineer by taking this course on React JS and Redux. As one of the most popular pairs of frameworks, learning React and Redux is a must. Simply put, learning React will open doors and jobs for you.
This project-based course will have you coding right away. By building four carefully thought-out example applications, you will sharpen your skills in modern web development.
First, learn the essentials of ReactJS by going through the main concepts. Then build your first React application to get familiar with the essentials. Second, create your first Redux application to learn how to pair this elegant and complex framework with React. Next, build an application that uses an API along with routing for multiple pages. Finally, build an additional app that works with another API and has more advanced redux mechanics.
You’ll not only learn React and Redux, but get comfortable with popular libraries like react-bootstrap, react-router-dom, and more. Plus, you’ll find a secret recipe to Redux that boils it down to three simple steps!
What You Will Learn
- Build entire ReactJS and Redux applications from scratch.
- Develop apps that deal with APIs and web requests.
- Understand how to develop Redux apps with actions, reducers, and the Redux store.
- Create Web Apps that use advanced redux mechanics like asynchronous actions and redux middleware.
- Use animations to create compelling User Interfaces and Experiences.
- Add external libraries to React projects like react-bootstrap, react-router-dom, and more.
- Build multi-page applications with dynamic routes and links.
1 Introducing the Instructor
2 Installing React Tools
3 Installing a Code Editor
4 Source Code for the Course
5 Final Introductory Notes
6 React Components JSX
7 State Props Lifecycle Methods
Application One AgeTeller
8 Previewing AgeTeller
9 Setting Up AgeTeller
10 Creating an App Component
11 Crafting a Form Component
12 Implementing State
13 Building a Stats Component
14 Adding Styling and Animations
15 Section Overview AgeTeller
16 Redux - the 3 Step Recipe
17 Section Overview Understanding Redux
Redux Application One SuperSquad
18 Previewing SuperSquad
19 Setting Up SuperSquad
20 The First Reducer
21 The Store
22 The First Action
23 Adding a Second Reducer
24 Mapping State to Props in a CharacterList
25 Mapping Dispatch to Props
26 Styling the App
27 Creating a Hero List
28 The Second Action
29 Building a Squad Stats Component
30 Section Overview SuperSquad
Redux Application Two RecipeFinder
31 Previewing RecipeFinder
32 Setting Up RecipeFinder
33 Creating a Form to Search Recipes
34 Coding Break Web Requests
35 Accessing the API
36 Fetching from the API
37 Storing Recipes
38 Building a Recipe List
39 Making Recipe Items
40 Storing Favorite Recipes
41 Starring Recipe Items
42 Building a Favorite Recipe List
43 Routing Recipe Lists
44 Section Overview RecipeFinder
Redux Application Three MemeGenerator
45 Previewing MemeGenerator
46 Setting Up MemeGenerator
47 Getting Access to the API
48 Fetching Memes Asynchronously
49 Applying Thunk Middleware
50 Listing Memes
51 Creating Meme Items
52 Animating Meme Items
53 Crafting a Custom Meme Form
54 Reducing and Posting Personal Memes
55 Setting Up a Post Meme Action
56 Building a Personal Memes List
57 Section Overview MemeGenerator
Final Remarks Bonus Content
58 Final Remarks Bonus Content