React - The Complete Guide (incl Hooks, React Router, Redux)
- Offered byEduonix
React - The Complete Guide (incl Hooks, React Router, Redux) at Eduonix Overview
Duration | 42 hours |
Total fee | ₹199 |
Mode of learning | Online |
Schedule type | Self paced |
Credential | Certificate |
React - The Complete Guide (incl Hooks, React Router, Redux) at Eduonix Highlights
- Comes up with 30 day money back guarantee
React - The Complete Guide (incl Hooks, React Router, Redux) at Eduonix Course details
- Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout the course
- JavaScript is the major driver of modern web applications since it's the only programming language which runs in the browser and hence allows you to provide highly reactive apps
- You'll be able to achieve mobile-app like user experiences in the web
- This course will start at the very basics and explain what exactly React is and how you may use it (and for which kind of apps)
- We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux
- By the end of the course, you can build amazing React (single page) applications
React - The Complete Guide (incl Hooks, React Router, Redux) at Eduonix Curriculum
Getting Started
Introduction
What is React?
Real-World SPAs & React Web Apps
Writing our First React Code
Why Should we Choose React?
React Alternatives
Understanding Single Page Applications and Multi Page Applications
Course Outline
How to get the Most out of This Course
Refreshing Next Generation Javascript ( Optional)
Module Introduction
Understanding let and const
Arrow Functions
Exports and Imports
Understanding Classes
Classes, Properties and Methods
The Spread & Rest Operator
Destructuring
Reference and Primitive Types Refresher
Refreshing Array Functions
Wrap Up
Next-Gen JavaScript - Summary
JS Array Functions
Understanding the Base features & Syntax
Module Introduction
The Build Workflow
Node.js Download
Using Create React App
Understanding the Folder Structure
Understanding Component Basics
Understanding JSX
JSX Restrictions
Creating a Functional Component
Components & JSX Cheat Sheet
Working with Components & Re-Using Them
Outputting Dynamic Content
Working with Props
Understanding the Children Property
Understanding & Using State
Props & State
Handling Events with Methods
Manipulating the State
Using the useState() Hook for State Manipulation
Functional (Stateless) vs class (Stateful) Components
Passing Method References Between Components
Adding Two Way Binding
Adding Styling with Stylesheets
Working with Inline Styles
Working with lists and conditionals
Module Introduction
Rendering Content Conditionally
Handling Dynamic Content The JavaScript Way
Outputting Lists (Intro)
Outputting Lists
Lists & State
Updating State Immutably
Lists & Keys
Flexible Lists
Wrap Up
Styling react components and elements
Module Introduction
Outlining the Problem Set
Setting Styles Dynamically
Setting Class Names Dynamically
Adding and Using Radium
Using Radium for Media Queries
Introducing Styled Components
More on Styled Components
Styled Components & Dynamic Styles
Working with CSS Modules
CSS Modules & Media Queries
Debugging react apps
Module Introduction
Understanding Error Messages
Finding Logical Errors by using Dev Tools & Sourcemaps
Working with the React Developer Tools
Using Error Boundaries (React 16+)
Wrap Up
Other courses offered by Eduonix
Student Forum
Anything you would want to ask experts?