
Install React using Create React App with npx, name the app directory app, then run npm start to launch the development server and confirm that React downloaded successfully.
Learn how to refactor a functional component into a class component by extending React.Component, implementing the render method, and returning JSX to render tags and nested components.
Learn to build and render React components by creating a functional header and a class component, handle events with onClick, and explore fragments and simple app structure.
Split components into separate files in a components folder to improve maintainability and reusability. Import header and button components, and wire them through the main app file and index entry.
Create a seconds counter app in React using a class component that shows a you spent header and updates the elapsed seconds every second, cleaning up on unmount.
Learn how to use the dangerouslySetInnerHTML prop in React to render HTML, understand its XSS risks, and implement trusted text and safe links that open in new tabs.
React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Companies large and small hire engineers who understand React, and salaries for engineers are high all the time. So, it's a great time to learn React! This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge.
So, if you are new to React or you are trying to become familiar with React Hooks, this course should be a good start for you. It should help you out with understanding the basics of React as well as a good solid start with Hooks.
What's in this course?
An introduction to React.
Core topics: How React works, building components with React and building UIs with React.
Components, props and dynamic data binding.
Working with user events and state to create interactive applications.
A look behind the scenes to understand how React works under the hood.
A good explanation on how to work with lists and conditional content.
An introduction to React Hooks.
How to debug React apps.
Class-Based components and function components.
Sending HTTP requests and handling transitional states and responses.
Handling forms and user input.