This is a React crash course covering React fundamentals and a lot of fun things - including two full projects at the end helping you to solidify your learning, featuring Semy Colon.

Timestamps

• 00:00 Crash course Introduction
• 00:46 Introduction to React
• 01:45 Setting Up
• 06:27 Hello World Explained
• 08:53 File Structure
• 14:41 Components
• 19:56 JSX Expressions
• 25:47 Events In React
• 29:45 Stateful Components - useState
• 36:28 Why JSX Expressions
• 39:56 Forms In React
• 47:21 Conditional Rendering
• 52:50 Props
• 58:24 Props Again
• 01:02:05 Lists In React
• 01:08:05 React Routing Intro
• 01:15:32 Link component
• 01:19:39 Parameterized Routing
• 01:23:56 useRef
• 01:27:34 useEffect
• 01:37:08 Intro To Context API
• 01:41:55 useContext
• 01:46:58 New Project
• 01:50:33 Setting Up Material UI
• 01:54:28 Material Header
• 02:02:25 Movie Api
• 02:14:58 CSS In TS
• 02:18:57 Adding Loader
• 02:22:43 Search With Header
• 02:31:58 Typing
• 02:35:14 New Project - Fully Featured Modern React
• 02:43:45 Create React App And Folder Structure
• 02:51:34 React Router Tutorial - Application Routes
• 03:04:39 Axios Tutorial With React Environment Variables
• 03:15:38 Semantic UI React Tutorial
• 03:29:00 Context API Setup (Multiple Reducers)
• 03:40:33 Semantic UI Form, Registering A User 1
• 04:01:46 React Authentication (User Registration) 2
• 04:30:04 React Authentication (User Login)
• 04:45:42 React Authentication (route Protection)
• 04:52:39 React Authentication (Axios Auth Interceptor)
• 05:03:31 React Router Tutorial Setting Document Titles
• 05:06:53 Context API + fetch API
• 05:28:40 React Authentication (user Log Out)
• 05:37:17 Semantic UI (creating The Contact Form)
• 05:53:47 Making A Post Request To A Rest API
• 06:17:37 React Router Prompt Example
• 06:26:00 Custom Confirm Prompt Example
• 06:40:19 React Firebase Tutorial How To Store And Retrieve Images
• 07:08:14 React Context API Tutorial API Request Optimisation And Enhancements Tutorial
• 07:15:02 React Components Tutorial Creating Image Thumbnails
• 07:25:40 Create A Carousel Slider From Scratch
• 07:47:26 Custom Carousel Slider Enhancements
• 07:51:28 React Context Api Search Filter Tutorial Implementing Global Search
• 08:04:46 React Context API Search Filter Global Search Feature Enhancement
• 08:08:26 React Context API Tutorial Deleting Items From API And State Tutorial
• 08:22:05 React Context API Tutorial Editing Items
• 08:38:40 React Lazy Loading Tutorial With React Suspense
• 08:43:09 How To Deploy Create React App To Netlify

#react #javascript #web-development