React Crash Course 2020 - Learn React in 1 Video + Projects 🔥

React Crash Course 2020 - Learn React in 1 Video + Projects 🔥

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.

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

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Hire Dedicated React Native Developer

Have you ever thought of having your own app that runs smoothly over multiple platforms? React Native is an open-source cross-platform mobile application framework which is a great option to create mobile apps for both Android and iOS. **[Hire...

Hire Dedicated React Native Developer in India | React Native Development

Hire dedicated React Native developers for your next project. As the top react native development company we offer you the best service as per your business needs.

Hire React Js Developer from Expert React JS Development Company

Are you looking to [hire React JS developer](https://www.mobiwebtech.com/react-js-development-company/ "hire React JS developer") from a prestigious and reliable React JS development company? Visit at Mobiweb Technologies here we have a big team...

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...