React – The Complete Guide with React Hook Redux 2020 in 4hr
In this course you will learn to get start with React 16.8+ including what is JSX, how to use props to pass data to the children components, using the React hook useState and also styled component. We will not use more than 40 hours to talking to the same things again and again. You will learn all the react essential things within 4 hours.
Since this course is the mix of knowledge base and the project base. If you just want to learn the React knowledge fast, 4 hours is enough!!
After that we will also provide project to consolidate your understanding with react, and how to interact with backend like Firebase.
Which companies are using React now and why you need to learn?
New York Times.
Zendesk and more…
The above list of big companies taking huge leaps to embrace React, which signifies the extent to which the technology has raised its bars.
What you will learn in this course?
UI framework like Reactstrap, Materializecss
[OPTIONAL] Quick review on es6
[REACT ESSENTIALS] JSX
Import the custom stylesheet in your application
Create an object with styling information, and refer to it in the style attribute
Ceate an object with styling information, and refer to it in the style attribute
[REACT ESSENTIALS] Functional Component
We can compose and render custom React components. This part we are going to create our own React card component.
[REACT ESSENTIALS] Props
React props are used to pass data from component to component. In this lecture, I will explain React props in greater detail.
[REACT ESSENTIALS] State
[REACT ESSENTIALS] List
[REACT ESSENTIALS] Style
Styled components has full theming support by exporting a <ThemeProvider> wrapper component. This component provides a theme to all React components underneath itself via the context API.
[REACT ESSENTIALS] Lifecycle and useEffect
React lifecycle - mounting, when an instance of a component is being created and inserted into the DOM
[REACT ESSENTIALS] React hooks - to improve the performance of the app
[REACT ESSENTIALS] React Router
[REACT ESSENTIALS] Redux
[PROJECTS] Evernote Clone
In this part , we are going to create a React custom hook, which give a generic way to get the data from the input field