Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Learn React 18 in One Hour - React Tutorial for Beginners

tutorialsEU via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Dive into a comprehensive tutorial on React 18, designed for beginners, that guides you through building a movie rating frontend application. Start by setting up your development environment with Visual Studio Code, Node.js, and essential React extensions. Create a new React project, explore its structure, and import necessary resources. Learn to modify the main app component, create custom components like headers and footers, and implement dynamic content. Discover how to manage state in React, work with JSON data, and utilize React Developer Tools for efficient debugging. By the end of this hands-on tutorial, you'll have created a functional movie grid component, learned to load and render movie data dynamically, and gained a solid foundation in React development fundamentals.

Syllabus

00:00 - Intro
00:19 - React Project Overview
01:33 - Installing Visual Studio Code
02:36 - Installing Node.js
04:29 - React Extensions
06:20 - Creating the project and managing packages
12:35 - Exploring the React project
17:32 - Importing project resources
20:21 - Modifying the app component
24:03 - Creating the Header component
34:10 - Footer component with dynamic date
40:03 - MovieGrid component
44:46 - Creating a movies state in react
50:16 - Setting the movies state in react
53:16 - React developer tools
56:29 - Loading movies from a JSON file
01:00:35 - Rendering the movies
01:07:32 - Refactoring a new component for a single movie
01:14:20 - Outro

Taught by

tutorialsEU

Reviews

Start your review of Learn React 18 in One Hour - React Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.