Learn how to create high performance web app with react. Hooks, Redux, React Routing, useContext, Fireabase and more
☑ Build high performance and user friendly web app
☑ Realize the power of using component in React
☑ Unleash the power of JavaScript with the help of React
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 and also the payment with Stripe.
Which companies are using React now and why you need to learn?
Netflix
Yahoo! Mail
Dropbox
Atlassian
Salesforce
New York Times.
Cloudflare
Tesla
BBC
GitHub
PayPal
Uber
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?
Es6
React components
Jsx
Functional component
Props
State
List
Styled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
Stripe
Styled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
StripeStyled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
Stripe
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 and also the payment with Stripe.
Which companies are using React now and why you need to learn?
Netflix
Yahoo! Mail
Dropbox
Atlassian
Salesforce
New York Times.
Cloudflare
Tesla
BBC
GitHub
PayPal
Uber
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?
Es6
React components
Jsx
Functional component
Props
State
List
Styled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
Stripe
Styled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
StripeStyled component
Redux
UI framework like Reactstrap, Materializecss
Firebase
Stripe
English
Language
Quick review on es6
var let and const
The problem of using let in switch cases
Template literal
Arrow function
Classes
Spread operator
Destructuring
Primitive vs Reference
Primitive vs Reference
Import and export
Array function
For in For of
JSX
What is JSX?
Import CSS
inline CSS
Curly braces in react
Styles object
Fast track to convert CSS to JS object
store jsx element to variable
Functional Component
Create a list of card
Create card component
Props
Pass and receive props
Pass multiple props
The children of props
State
useState and Change of State
passing function to component
Two way binding
Conditional rendering
List
Rendering a list of cards
Delete a specific card
Fix unique key error
Change the name of a specific card
Style
Dynamic style with javascript
Dynamic style with classes
Styled component
Theme
Extract the styled button
Lifecycle and useEffect
Convert functional base to class base
Convert Card component to class base component
Life Cycle Methods Diagram
React lifecycle – mounting
React lifecycle – updating
React lifecycle – unmounting
useEffect
useEffect clean up
React hooks
useEffect fetch data with axios
useEffect fetch a card
React Context
Multiple React Context
useContext
useReducer