
This video gives an overview of the entire course.
Explore the different ways you can use to write and experiment with React applications.
Explain what React is and its main design concepts.
How to work with data in HTML using React and other options?
What does having a virtual DOM actually mean in practice?
This video will help you understand how React is a bridge between an imperative API and a declarative one.
The aim of this video is to know the why/what/how of JSX.
The aim of this video is to define React's components.
The aim of this video is to teach tips about using JSX in React components.
In this video, we will understand the readability and reusability benefits of React components.
With this video, get to know the composability benefit of React components.
The aim of this video is to teach you to read and update a React component's state.
The aim of this video is to explain how the placement of an application state matters.
Our aim in this video is to learn how to make children components able to trigger change operations on their parent component's state.
The aim of this video is to show React's Event System.
The video will show you how to access DOM elements and APIs directly.
The video will show you how to create a controlled input component.
How to use the lifecycle methods for mounting/unmounting of components.
How to use the lifecycle methods for updating components.
The aim of this video is to define the main requirements of the application we will be building.
The aim of this video is to build presentational React components to work with the initial data of books.
The aim of this video is to show how to work with stateful components.
Modularity in components is important as we need to maintain code for every component in its own modules. With this video, explore more on modulatity.
The aim of this video is to learn the function of deleting a book from the list of books.
The aim of this video is to show how to display a book price in dollars and how to account for the missing prices.
The aim of this video is to implement an "add book" action.
This video teaches how to read input from the user using a controlled input component.
The aim of this video is to show how to work with the authors object in data.
The aim of this video is to tell you how to move data to the backend.
The aim of this video is to fetch the API data from React State.
The aim of this video is to show how improving the data API allows us to improve the front-end code.
React is a JavaScript library that communicates changes on a User Interface to the browsers quickly, without having to re-render anything except the part of the display that needs to change. Elements of a site or application can be updated seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh.
This course first covers all of the React.js basics like its API to create elements and components, the virtual DOM and the JSX syntax extension, using the state, working with browser events and components lifecycle methods. We then dive in and build an application from scratch to practically use the knowledge gained in the first part.
The application we will be building is an administration page for a list of books. You will see a list of books, then can add new books and remove books from the list. The final application will work with a server API to persist the data and it will use the Redux library to manage the data state for React.
About The Author
Samer Buna is a technical content author, software engineer, and mentor. He has a master's degree in information security and over ten years of progressive experience and success creating tailored solutions for businesses within many industries.
Samer is passionate about everything JavaScript, and he loves exploring new libraries. His favorite technical stacks are Node.js for the backend and React.js for the frontend.
Samer has authored a few books and online courses about React and GraphQL. You can follow him on Twitter at @samerbuna.