06:20 - Creating the project and managing packages
7
12:35 - Exploring the React project
8
17:32 - Importing project resources
9
20:21 - Modifying the app component
10
24:03 - Creating the Header component
11
34:10 - Footer component with dynamic date
12
40:03 - MovieGrid component
13
44:46 - Creating a movies state in react
14
50:16 - Setting the movies state in react
15
53:16 - React developer tools
16
56:29 - Loading movies from a JSON file
17
01:00:35 - Rendering the movies
18
01:07:32 - Refactoring a new component for a single movie
19
01:14:20 - Outro
Description:
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.
Learn React 18 in One Hour - React Tutorial for Beginners