Course Description
Are you interested to learn how to build user interface? Do you work as a user interface designer? If so, take a look at our [course_title] course. Its precise contents will help you in understanding all you need to know about React 16 and Redux effectively.
React 16 is an updated JavaScript library works to build user interface in different stage. It provides you with effective mental model so that you can build astonishing user interface efficiently.
The [course_title] course is designed to teach you the basic functions of React 16. It instructs you how to develop apps providing the knowledge with portals, context API, errors boundaries, and the use of less code to write. The course also introduces you to the important features of React such as user-friendly DOM to build UI design, different algorithm to test without starting a headless browser, and different framework for the development. However, the aim of the course is to teach you the core concepts of React to make you an efficient UI designer.
What Will I Learn?
- Master the React Fundamentals
- Build Real world Applications with React and Redux
- Learn firebase with React and Redux
Requirements
- Basic understanding of Javascript and HTML
- ES6+ JavaScript knowledge is beneficial but not a must-have
Who is the target audience?
- Javascript developers who want to develop frontend applications with React
- Javascript developers who want to learn Redux with React
- Developers who want to integrate firebase with React and redux
-
VS Code Setup00:03:00
-
How to get source code for each lecture00:01:00
-
Create React App using create-react-app cli00:02:00
-
Creating Nested React Elements00:08:00
-
Creating Nested Elements in React00:08:00
-
How React uses React Elements to Create Virtual DOM00:01:00
-
What is DOM00:03:00
-
What is Virtual DOM00:05:00
-
Create Nested Components in React00:05:00
-
Creating Components in React00:06:00
-
Adding Props Validations in React Component00:03:00
-
Create Nested Components in React00:05:00
-
Create State in React Component..00:08:00
-
Update State using events and custom methods00:08:00
-
Iterate Array and render the components00:06:00
-
Pass function as props from Parent to Child Componenty00:09:00
-
Convert React Components to JSX00:09:00
-
Module Summary00:01:00
-
State in React Component00:05:00
-
Shallow Merging with setState00:06:00
-
Use props, PropTypes and defaultProps in React Component00:06:00
-
Communicate with Parent and Child Component//00:07:00
-
Module Summary00:01:00
-
What are LifeCycle Methods in React Component00:01:00
-
Types and Phases of LifeCycle Methods00:04:00
-
LifeCycle Mounting Methods in Action00:09:00
-
LifeCycle Updating Methods in Action00:07:00
-
Error Handling with componentDidCatch00:08:00
-
Setup React Application00:03:00
-
Add Bootstrap to React Application00:01:00
-
Create Mock Restful API with Json-Server00:07:00
-
Send HTTP Request in React using axios00:06:00
-
Iterate Array and render the components00:06:00
-
Add Bootstrap Card to render List Items00:07:00
-
Creating Header Component00:06:00
-
Error Handling with Custom ErrorMessage Component00:07:00
-
Adding Loading Spinner00:04:00
-
Introduction to React Context API00:04:00
-
React Context API in Action00:16:00
-
Create Reducer to update the State in React Context00:09:00
-
Create new Action to Handle Errors00:02:00
-
Creating Controlled Component00:03:00
-
Adding State to the Form00:06:00
-
Save new record by sending Http Request00:14:00
-
Creating Reusable Component for Input FormControl00:07:00
-
Adding Form Validations in React and Bootstrap00:08:00
-
Add Link Navigations using React-Router00:04:00
-
Redirect after submitted new Record00:01:00
-
Creating NotFound Component00:02:00
-
Creating new Component to Edit the Record00:14:00
-
Setting up Redux into React application00:10:00
-
Connect React Component to Redux00:07:00
-
Delete the Record from the ReduxStore00:07:00
-
Add Record to ReduxStore00:05:00
-
Create Async Action to fetch records from the API00:07:00
-
Create Async Action to delete records from the API00:01:00
-
Create Async Action to add new Record00:01:00
-
Async Action to fetch single record00:09:00
-
Async Action to update the Link00:04:00
-
Creating Database on Firebase00:04:00
-
Fetching data from firebase collection in react component00:12:00
-
Delete document from firebase collection with react00:04:00
-
Add document in firebase collection with react00:03:00
-
Update document from firebase collection00:12:00
-
User Registration in React and Firebase00:09:00
-
Logout User00:15:00
-
User Login with Firebase and React00:04:00
-
Apply Authentication on private Routes00:07:00
-
Display error notification in React00:06:00
-
Deploy React Application to Firebase00:05:00
-
var scoping00:04:00
-
understanding let00:01:00
-
Examples of const00:01:00
-
More use cases of let and const00:04:00
-
Introduction to Arrow functions00:02:00
-
Examples on Arrow functions00:03:00
-
Javascript call, bind, apply00:03:00
-
Destructring Objects00:04:00
-
Destructring Arrays00:03:00
-
Destructring Function Arguments00:02:00
Course Reviews
No Reviews found for this course.