Course Information
Course Overview
React JS Hooks way ( Latest & Comprehensive) : Redux , React Router, Testing with Jest, Build Component Library
This is a modern and comprehensive React JS course that focuses on only the latest version of React with hooks ( "no classes"). We will cover the following: You will learn react from scratch , no prior knowledge of react required.
Fundamentals like JSX, component communication, events, fragments, Higher Order Components, and more.
Understand best way to organize files in a react project using common patterns for folder structure
Built-in hooks like useState, useEffect, useReducer, useContext, useDebugValue, useMemo, useRef, useLayoutEffect.
Build our own custom hooks.
Use create-react-app , a command line interface ( CLI ) to swiftly create react projects.
Build a Single Page Application ( SPA ) using react-router-dom
Global State Management with Redux and Redux thunk
Learn unit testing , snapshot testing, mocking in React with Jest and React testing Library .
Build a To-Do app using react
Build a complete drag-n-drop app using react
Build a reusable component library and a documentation site using react styleguidist
Build a documentation site using react storybook
All the code examples are provided in github for your reference.
Many coding exercise to practice
Learn how to upload your react project on github
One of the best feature of this course is its simplicity. All the coding samples are very easy to understand. I prefer to use real-time use cases to explain concepts.
Course Content
- 10 section(s)
- 57 lecture(s)
- Section 1 Introduction & Setup
- Section 2 React Fundamentals
- Section 3 Handling Events
- Section 4 Component Lifecycle
- Section 5 React Router
- Section 6 Redux
- Section 7 Hooks Testing
- Section 8 Projects
- Section 9 Building your own reusable component library
- Section 10 Type Checking
What You’ll Learn
- React Hooks from scratch
- Learn React Hooks way
- React Hooks advanced level
Reviews
-
LLuis Eduardo Miranda Sanchez
Excelent examples. It was easy to follow all of them.
-
DDiksha Sisodia
Please update the course with some new changes that've been used now, Overal a good explaination of topics, just some updates are needed.! Thank You :)
-
LLorenzo Jimenez
Si fue una buena elección, me gustará revisitar este curso de cuando en cuando. Me hubiese gustado que tocara el tema de Redux Toolkit que simplifica mucho el redux y Redux con Typescript.
-
LLee Zeitz
I had a project I wanted to do in React. I had taken another course in classical React (pre-hooks), but could not figure out how to begin. I also wanted to do everything using hooks as well. This class showed me everything and more about items that I did not understand and enabled me to complete my project.