Booking options
£25
Course Images
App Development Training: React and Redux
By Skill Up
(9)- 30 Day Money Back Guarantee
- Completion Certificate
- 24/7 Technical Support
Highlights
On-Demand course
6 hours 59 minutes
All levels
Description
Gain the solid skills and knowledge to kickstart a successful career and learn from the experts with this step-by-step App Development Training: React and Redux training course. This App Development Training: React and Redux course for Consistent Profits has been specially designed to help learners gain a good command of App Development Training: React and Redux, providing them with a solid foundation of knowledge to understand relevant professionals' job roles.
Through this App Development Training: React and Redux course, you will gain a theoretical understanding of App Development Training: React and Redux and others relevant subjects that will increase your employability in this field, help you stand out from the competition, and boost your earning potential in no time.
Not only that, but this App Development Training: React and Redux training includes up-to-date knowledge and techniques that will ensure you have the most in-demand skills to rise to the top of the industry.
This course is fully CPD-accredited and broken down into several manageable modules, making it ideal for aspiring professionals.
Learning outcome
Familiar yourself with the recent development and updates of the relevant industry
Know how to use your theoretical knowledge to adapt in any working environment
Get help from our expert tutors anytime you need
Access to course contents that are designed and prepared by industry professionals
Study at your convenient time and from wherever you want
Why should I take this course?
Affordable premium-quality E-learning content, you can learn at your own pace.
You will receive a completion certificate upon completing the course.
Internationally recognized Accredited Qualification will boost up your resume.
You will learn the researched and proven approach adopted by successful people to transform their careers.
You will be able to incorporate various techniques successfully and understand your customers better.
Requirements
No formal qualifications required, anyone from any academic background can take this course.
Access to a computer or digital device with internet connectivity.
Course Curriculum
Getting Started | |||
▶ | VS Code Setup | 🕐 00:03:00 | |
▶ | How to get source code for each lecture | 🕐 00:01:00 | |
▶ | Create React App using create-react-app cli | 🕐 00:02:00 | |
▶ | Creating Nested React Elements | 🕐 00:08:00 | |
▶ | Creating Nested Elements in React | 🕐 00:08:00 | |
▶ | How React uses React Elements to Create Virtual DOM | 🕐 00:01:00 | |
▶ | What is DOM | 🕐 00:03:00 | |
▶ | What is Virtual DOM | 🕐 00:05:00 | |
▶ | Create Nested Components in React | 🕐 00:05:00 | |
▶ | Creating Components in React | 🕐 00:06:00 | |
▶ | Adding Props Validations in React Component | 🕐 00:03:00 | |
▶ | Create State in React Component | 🕐 00:08:00 | |
▶ | Update State using events and custom methods | 🕐 00:08:00 | |
▶ | Pass function as props from Parent to Child Componenty | 🕐 00:09:00 | |
▶ | Convert React Components to JSX | 🕐 00:09:00 | |
▶ | Module Summary | 🕐 00:01:00 | |
Data Flow in React Components | |||
▶ | State in React Component | 🕐 00:05:00 | |
▶ | Shallow Merging with setState | 🕐 00:06:00 | |
▶ | Use props, PropTypes and defaultProps in React Component | 🕐 00:06:00 | |
▶ | Communicate with Parent and Child Component | 🕐 00:07:00 | |
▶ | Module Summary | 🕐 00:01:00 | |
Component LifeCycle Methods in React | |||
▶ | What are LifeCycle Methods in React Component | 🕐 00:01:00 | |
▶ | Types and Phases of LifeCycle Methods | 🕐 00:04:00 | |
▶ | LifeCycle Mounting Methods in Action | 🕐 00:09:00 | |
▶ | LifeCycle Updating Methods in Action | 🕐 00:07:00 | |
▶ | Error Handling with component Did Catch | 🕐 00:08:00 | |
Hacker news App - Building Components | |||
▶ | Setup React Application | 🕐 00:03:00 | |
▶ | Add Bootstrap to React Application | 🕐 00:01:00 | |
▶ | Create Mock Restful API with Json-Server | 🕐 00:07:00 | |
▶ | Send HTTP Request in React using axios | 🕐 00:06:00 | |
▶ | Add Bootstrap Card to render List Items | 🕐 00:07:00 | |
▶ | Creating Header Component | 🕐 00:06:00 | |
▶ | Error Handling with Custom Error Message Component | 🕐 00:07:00 | |
▶ | Adding Loading Spinner | 🕐 00:04:00 | |
React Context API | |||
▶ | Introduction to React Context API | 🕐 00:04:00 | |
▶ | React Context API in Action | 🕐 00:16:00 | |
▶ | Create Reducer to update the State in React Context | 🕐 00:09:00 | |
▶ | Create new Action to Handle Errors | 🕐 00:02:00 | |
Working with Forms in React | |||
▶ | Creating Controlled Component | 🕐 00:03:00 | |
▶ | Adding State to the Form | 🕐 00:05:00 | |
▶ | Save new record by sending Http Request | 🕐 00:13:00 | |
▶ | Creating Reusable Component for Input FormControl | 🕐 00:07:00 | |
▶ | Adding Form Validations in React and Bootstrap | 🕐 00:08:00 | |
Add Routing in React using React-Router | |||
▶ | Add Link Navigations using React-Router | 🕐 00:04:00 | |
▶ | Redirect after submitted new Record | 🕐 00:01:00 | |
▶ | Creating Not Found Component | 🕐 00:02:00 | |
▶ | Creating new Component to Edit the Record | 🕐 00:14:00 | |
State Management with Redux | |||
▶ | Setting up Redux into React application | 🕐 00:10:00 | |
▶ | Connect React Component to Redux | 🕐 00:07:00 | |
▶ | Delete the Record from the Redux Store | 🕐 00:07:00 | |
▶ | Add Record to Redux Store | 🕐 00:05:00 | |
Consuming Http Rest API using Async Action Creators | |||
▶ | Create Async Action to fetch records from the API | 🕐 00:07:00 | |
▶ | Create Async Action to delete records from the API | 🕐 00:01:00 | |
▶ | Create Async Action to add new Record | 🕐 00:01:00 | |
▶ | Async Action to fetch single record | 🕐 00:08:00 | |
▶ | Async Action to update the Link | 🕐 00:04:00 | |
Integrating React and Redux with Firebase | |||
▶ | Creating Database on Firebase | 🕐 00:04:00 | |
▶ | Fetching data from firebase collection in react component | 🕐 00:12:00 | |
▶ | Delete document from firebase collection with react | 🕐 00:04:00 | |
▶ | Add document in firebase collection with react | 🕐 00:03:00 | |
▶ | Update document from firebase collection | 🕐 00:12:00 | |
Firebase Authentication with React and Redux | |||
▶ | User Registration in React and Firebase | 🕐 00:09:00 | |
▶ | Logout User | 🕐 00:15:00 | |
▶ | User Login with Firebase and React | 🕐 00:04:00 | |
▶ | Apply Authentication on private Routes | 🕐 00:07:00 | |
▶ | Display error notification in React | 🕐 00:06:00 | |
▶ | Deploy React Application to Firebase | 🕐 00:05:00 | |
Bonus: ES6 crash course | |||
▶ | Var Scoping | 🕐 00:04:00 | |
▶ | Understanding let | 🕐 00:01:00 | |
▶ | Examples of const | 🕐 00:01:00 | |
▶ | More use cases of let and const | 🕐 00:04:00 | |
▶ | Introduction to Arrow functions | 🕐 00:02:00 | |
▶ | Examples on Arrow functions | 🕐 00:03:00 | |
▶ | Destructring Objects | 🕐 00:04:00 | |
▶ | Destructring Arrays | 🕐 00:03:00 | |
▶ | Destructring Function Arguments | 🕐 00:02:00 | |
Order Your Certificate | |||
Order Your Certificate | 🕐 00:00:00 |
Reviews
There are no reviews for App Development Training: React and Redux yet.Why not be the first one to review this course?
