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 has authored a few books and online courses about React and GraphQL. You can follow him on Twitter at @samerbuna.
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 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.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.