English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 8 Hours | 1.96 GB
Create React JS & Redux JS apps by going through the details. Build 3 React-Redux apps using ES6, APIs and NPM packages
If you have seen the job market or job boards, you will know how popular React Js and Redux Js frameworks are for Single Page Web Development. 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.
Here is exactly what we cover in this course:
All the React JS and programming fundamentals: What is React? Who uses it? Adding React to your site.
Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes: React components, properties, state and parent/child relationship within React and more..
How to make React code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events. Accessing React DOM.
This is project-based, self-paced course that will get you started with coding your React Js and Redux Js apps.
We will start by learning the essentials of React JS concepts (this is an optional section for students who already know React JS) – We will also build a full-fledged React JS app, before moving on to Redux JS.
Next, 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 and has more advanced redux mechanics.
You’ll not only learn React and Redux, but get comfortable with popular libraries like, redux, react-redux, react-bootstrap, react-router-dom, and more. Plus, you will see how React js and Redux js work together with simple diagrams.
What Will I Learn?
- Build fantastic single page full-fledged React and Redux JS application.
- Build Applications that consume data from 3rd Party systems or Api’s using web requests.
- Master fundamental concepts on how to structure your React JS and Redux JS applications
- Be a person who can talk about and explain Redux to other developers because you will know it very well.
- Deploy your React JS application on Cloud.
- You will go all the way from React js beginner to advanced React and Redux js developer.
- You will be able to debug your code and understand other developer’s code.
- You will be able to design faster websites using React Js and Redux Js
Table of Contents
Introduction
1 Welcome
2 How to make the most of Udemy as a Platform
3 Course Content
4 About the Instructor
Understanding React JS – Optional section for my React JS students
5 Your first React JS Application
6 Extending your first React JS Application
7 Overview and Installation
8 Installation – Sublime Text Node.js and Npm
9 Installing React JS and Setting up the workspace
10 Understanding JSX
11 Components – State and Stateless
12 Rendering
13 Understanding Props
14 Prop Validations
15 Components API
16 Components Life Cycle
17 Forms in React – Part 1
18 Forms in React – Part 2
19 Forms in React – Part 3
Pure React JS App – Resume Optional for React JS Students
20 Overview – Ofcourse there has to be an overview for the app
21 Lets Reactify our Orbit Theme
22 How about fetching the data from a JSON file
23 Break Things Down – To create components
24 Add more components – Lets make it dynamic
25 Wrapping up – Deploying
Simple Mathematical App
26 Introduction to the app
27 Create a New React JS application
28 Understanding your Created React JS Application
29 Install Packages and Redux DevTools
30 Redux DevTools Plugin Explanation
31 Creating the Number Component using React JS
32 Understanding the basics on How this whole Redux thing works
33 Understanding the imports from redux and react-redux packages
34 Writing our actions and reducers
35 Now its time to Create our store
36 Completing our Increment Logic
37 Adding the Decrement UI Action and Reducer
38 Completing the Decrement Action and wiring it up to our UI
39 Wrap-up and seeing the Redux DevTools in action
Intermediate Shoppers Stop React-Redux App
40 Introduction to the Shoppers Stop App
41 Creating our new React app and Project setup
42 Creating the UI for our application starting with the 3 main components
43 Now lets create our Actions reducers and the store for our application
44 Static content is so old school lets make the grocery list dynamic
45 Add Grocery to Bag – Lets implement the clicks on our Grocery List
46 Organize the Reducers file using combineReducers
47 Add the items to the Shopping bag
48 Remove the Grocery item from the shopping bag and put it back to Grocery List
49 Lets implement the Statistics. After all we believe in a balanced diet.
50 Make the UI look pretty its an e-commerce site
51 Implement Pocket Money – Part 1
52 Wrapping up and completing our Pocket Money implementation
Expert Level – Movies App – Using React-Redux js
53 Introduction of our Movies App – Okay I am excited
54 React-Redux JS workspace setup – Lets get started
55 Step 1 for any react-redux app – Let us get the UI in place
56 Adding the search component – Yes the search form
57 Integrating with third-party api to fetch list of movies for a search criteria
58 Drum Rolls Let us add Redux Store to our app
59 Adding new component to display individual Movies
60 Add some hearts – Implementing the Favorite button
61 Time to get our Favorites created – In our Redux store
62 Adding Movie to our Favorite List
63 Displaying favorite movie from the list
64 Removing a movie from the Favorite list
65 Adding Routing to our React – Redux app
66 Wrapping up – Thank you your movie App is ready
Resolve the captcha to access the links!