Do you want to build fast and powerful frontend applications with JavaScript? Would you like to become a more complete and in-demand developer?
Then Reactjs is the hottest technology for you to learn right now, and you came to the right place to do it!
This is a project based course where we build an extensive, in-depth frontend application. We will start from scratch and end up with a professional project. We will dive deep into React, React hooks, APIs integration. Here is some of what you will learn in this course and project:
-
Reactjs core functionality
-
How React works
-
Virtual DOM
-
Rendering JSX element
-
Component, State & Props
-
React Form
-
Controlled form vs Uncontrolled form
-
Rendering list & key
-
Props drilling
-
Context API
-
Render Props
-
React hooks
-
Custom hooks
-
Handling CSS with React
-
React routing
-
Authentication and Protected route
-
List searching and Pagination
-
Recover password by email
-
Verify user email
-
HTTP Essentials
-
Postman Client
-
Integrating RESTful APIs
Web development is evolving, in the past, server-side rendering handled all views and templates, but with the emergence of frontend frameworks like React, Angular, and Vue, projects are now divided into backend and frontend components. The backend manages database interactions and serves JSON, while the frontend fetches data and creates the user interface. This course focuses on the entire frontend aspect, enabling you to construct robust application and giving you the freedom to choose your backend technologies.
Our curriculum goes beyond typical React tutorials, as we cover advanced topics like authentication, roles, permissions, password reset mechanisms, verify user email, and many more. By the end of this course, you’ll have a deep understanding of what it takes to be a proficient frontend engineer.
JSX Element and Rendering JSX Element
Component and Props
State and Life Cycle Method
Conditional Rendering List and Key
React Form
Higher Order Component
Render Props Pattern
React Hook
React CSS
-
50React Hook Introduction
-
51What is useEffect Hook
-
52Timer Example
-
53Cleanup Function
-
54Fetch Data from API Request
-
55React Memo and useCallback Hook
-
56useMemo Hook
-
57useRef Hook
-
58useReducer Hook
-
59Complex Counter
-
60Fetch Post List Example
-
61Fetch Post List by useReducer Hook
-
62Custom Hook