Companies are searching for React js developers as it is a very scalable and reliable framework for building front end and mobile apps. Bearing this in mind, taking this course you allow you to add a new skill to your CV.
In this you will fully understand what React js is and how it works. You will build a web app which will be composed of multiple components styled with Bootstrap 4. You will learn the key differences between smart and dumb components, click events, on change events, using forms, dynamic searching with React and much more.
This course is well structured with exercises and whenever you need help just yell for help.
See you inside.
We will clone the repository using git and checkout both master and base branches.
We will use some yarn commands to be able to run the final application that we will develop in this course.
We will use some yarn commands to be able to run the base branch. This branch will be the starting point of development.
We will learn how this project is set up using Webpack 2 and learn about the folder structure.
We will learn what the React framework is.
We will learn how the virtual dom works with React.
We will learn how to debug and inspect web apps written with React.
We will learn what a component is and the difference between container/smart component and presentational/dumb component.
We will learn how to create our first component and render some html to the dom.
We will learn the key relationship between the state and the render method,
We will learn how to set application state with React.
We will learn the different stages a component goes through from the moment it is created until it gets removed from the dom.
We will learn how to use hook methods to set the state after components get mounted to the dom.
We will learn how to use Array.map to create repeatable content.
We will learn how to create sub components and how to we send send data down from smart components to dumb components.
We will understand how to update state from sub components.
We will learn how to update state from sub components.
We will learn how to add a form component.
We will learn how to use react-select component.
We will learn how take what's entered in the form and create a new Bootstrap 4 card.
In this exercise solution we will learn how to reset forms.
We will learn how to create bootstrap 4 dropdown button component.
We will learn how to add click event to menu items inside bootstrap 4 dropdown button.
We will learn how to use the lodash.filter method to filter cards by male, female or to show all.
We will learn how to create input component.
We will learn how to capture the value with on change events when a user is typing.
We will learn how to take the value from input field and search through some data.
Review of the we application we built.
Learn where to find more learning material on React.
Recommended course that will enhance student skills.
Say good bye and see me on next courses.