
Install NodeJS on Windows to set up the runtime environment for React. Verify the installation by running node -v in the command prompt.
Install node.js on Mac OS by downloading the long term support (lts) version from nodejs.org, running the installer, and verifying with node -v.
Explore how props pass parameters to a React component as an object, how to access props, use ES6 shorthand, and why components should not modify props from outside.
Learn how a class-based component works, including the render method, props, and children, and explore scenarios to convert it to a functional component.
Update state in a class-based React component using setState, with object and callback forms, inside componentDidMount and setInterval. Learn to manage counter and course state safely via functional updates.
Explore the component will unmount method in React, explaining how unmount occurs before closing a component and noting its relation to routing scenarios.
Learn to render a list in React by creating a list component and mapping an items array to display course names, with single-line returns and the return keyword.
Explore controlled form vs uncontrolled form in React, building a form with an input, a value attribute, and an onChange handler to manage user input.
Learn how an onChange event captures input data and accesses event.target name and value. Then store the input value with useState in a course input example.
Create a custom context for the context API by building a context class with a constructor value and provider and consumer methods, and exporting a create context function.
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.