• Post category:StudyBullet-12
  • Reading time:8 mins read


Master ReactJS in 30 Days

What you will learn

Create dynamic web apps using the latest in web technology

Acquire the programming skills needed to obtain a software engineering job

Practice your skills with many large projects, exercises, and quizzes

Master the fundamentals concepts behind React and Redux

Description

Congratulations!
You’ve found the most popular, most complete, and most up-to-date resource online for learning ReactJSΒ  in 30 Days!

Thousands of other engineers have learned React, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React work, and will get you a new job working as a software engineer or help you build that app you’ve always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever. Companies large and small can’t hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high. It’s a great time to learn React!

———————-

What will you build?


Get Instant Notification of New Courses on our Telegram channel.


This course features an ample number of videos with dozens of custom diagrams to help you understand how React work. No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you’ll learn the fundamentals of building dynamic and live web apps using React.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You’ll find plenty of discussion added in to help you understand exactly when and where to use each feature of React.

My guarantee to you: there is no other course online that teaches more features of React. This is the most comprehensive resource there is.

Below is a partial list of the topics you’ll find in this course:

  • Master the fundamental features of React, including JSX, state, and props
  • From square one, understand how to build reusable components
  • Dive into the source code of Redux to understand how it works behind the scenes
  • Test your knowledge and hone your skills with numerous coding exercises
  • Integrate React with advanced browser features, even geolocation API’s!
  • Use popular styling libraries to build beautiful apps
  • Master different techniques of deployment so you can show off the apps you build!
  • See different methods of building UI’s through composition of components

Besides just React, you’ll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword ‘this’ in Javascript that you’ll ever hear.

This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.

English
language

Content

Day 1 : Introduction to React

What is React?
Why React?

Day 2 : JSX

What is JSX?
JSX Elements
JSX Elements And Their Surroundings
Attributes In JSX
Nested JSX
JSX Outer Elements
Rendering JSX
ReactDOM.render()
ReactDOM.render() II
Passing a Variable to ReactDOM.render()
The Virtual DOM
JSX Recap

Day 3 : Setup Your First React Project ?

Setup React (create-react-app)
Setup React (ViteJS)

Day 4 : Setup Your First React Component

YOUR FIRST REACT COMPONENT
Import React
Import ReactDOM
Create a Component Class
Name a Component Class
Component Class Instructions
The Render Function
Create a Component Instance
Render A Component

React Components

Functional Components
Class Components

React Hooks (Functional Component)

Stateless Functional Components
Function Components and Props
Review

React Hooks (The State Hook)

Why Use Hooks?
Update Function Component State
Initialize State
Use State Setter Outside of JSX
Set From Previous State
Arrays in State
Objects in State
Separate Hooks for Separate States
Lesson Review

React Hooks (The Effect Hook)

Why Use useEffect?
Function Component Effects
Clean Up Effects
Control When Effects Are Called
Fetch Data
Rules of Hooks
Separate Hooks for Separate Effects
Lesson Review

Working with state and props

Read state and set state
Passing data to component using props

Rendering lists

Using map function to iterate on arrays to generate elements

Routing with react router

Basics of Routing
Routing With Buttons
Dynamic Routes
useParams

React Forms

React Forms Basics
Forms Object State