What is React?

Why React?

2.1 Setup React (create-react-app)

React Project Setup (CRA)

Setup React (ViteJS)

What is JSX?

ReactDOM.render()

Import React

Functional Component

Functional Components

Class Component

Class Components

Rendering arrays

 Mapping Components

Conditional Rendering

Props

Props & Destructuring props

Passing data to component using props

Key Prop

Spreading objects as props

Why Use Hooks?

Read state and set state

useState Array Destruturing

Arrays in State

Objects in State

Set From Previous State

Separate Hooks for Separate States

Lesson Review

Passing state as props

Local state

Unified state

React Forms Basics

React Forms

Forms Object State

Submit form

Fetch API

What is useEffect?

Fetch Data

Local Storage in React

Intro

useState Lazy initialization

dispatch function updates

Conclusion

Basics of Routing

Routing With Buttons

Dynamic Routes

useParams

useReducer()

useLayoutEffect()

useInsertionEffect()

useContext()

useRef()

useImperativeHandle()

useMemo

useCallback

Challenge 1: Todo-list

As a software developer and UI/UX designer, I have a passion for creating intuitive and visually appealing digital experiences. With over 2 years of experience in the industry, I have a strong foundation in programming languages such as JS and a keen eye for design. I am always striving to deliver top-quality solutions for my clients, whether it's building a new application from scratch.

Thilak Sundaram

Congratulations on finding a comprehensive resource for learning ReactJS in 30 Days! This course has been used by thousands of engineers to learn React and achieve their goals, whether it's a new job as a software engineer or building their dream app.

What sets this course apart is that it teaches the design patterns used by top companies to create successful web apps. React is a highly sought-after skill in the job market, with companies of all sizes searching for engineers proficient in the library and offering competitive salaries. Now is a great time to learn React and improve your career prospects.

In this course, you'll find a variety of videos and custom diagrams to help you understand how React works. No prior knowledge of React or programming is required. The course progresses incrementally, building a solid foundation of knowledge and providing in-depth explanations and practical examples to help you grasp the fundamentals of building dynamic web apps with React.

Here are just a few of the topics covered in the course:

- Mastering the core features of React, including JSX, state, and props
- Building reusable components from scratch
- Examining the inner workings of Redux
- Enhancing your skills with coding exercises
- Integrating React with advanced browser features, including geolocation APIs
- Applying popular styling libraries to create visually appealing apps
- Deploying your apps using various methods
- Constructing user interfaces through the composition of components

In addition to learning React, you'll also gain an understanding of ES2015 syntax, common design patterns, and the "this" keyword in JavaScript.

This course aims to provide a complete, up-to-date, and clear guide to learning React, just as you've always wanted.

Certificate Details

30 Days of React.js - Learn React in 30 Days

Course Goals

Thilak Sundaram