Learn React 18 in One Hour: React Tutorial for Beginners
Learn React 18 (2024) from scratch with this easy-to-follow react beginner tutorial. Build a movie rating frontend application using the worlds most popular frontend framework.
⚛️ Get my full React course here and learn React from A to Z: https://www.udemy.com/course/master-r...
Project resources (images, styling etc.): https://tutorials.eu/wp-content/uploa...
In this video you will learn all of the fundamentals of React development using JavaScript. Let's craft a nice react app from scratch. This react tutorial includes installing react, setting up a project, creating react properties, react components and managing state in react js. In addition you will learn how to fetch data in react from a JSON file to dynamically load and render movies in a nice grid.
Let's get started!
Timestamps:
00:00 - 00:19 Intro
00:19 - 01:33 React Project Overview
01:33 - 02:36 Installing Visual Studio Code
02:36 - 04:29 Installing Node.js
04:29 - 06:20 React Extensions
06:20 - 12:35 Creating the project and managing packages
12:35 - 17:32 Exploring the React project
17:32 - 20:21 Importing project resources
20:21 - 24:03 Modifying the app component
24:03 - 34:10 Creating the Header component
34:10 - 40:03 Footer component with dynamic date
40:03 - 44:46 MovieGrid component
44:46 - 50:16 Creating a movies state in react
50:16 - 53:16 Setting the movies state in react
53:16 - 56:29 React developer tools
56:29 - 01:00:35 Loading movies from a JSON file
01:00:35 - 01:07:32 Rendering the movies
01:07:32 - 01:14:20 Refactoring a new component for a single movie
01:14:20 - 01:14:54 Outro
![[FREE] SLIMESITO x BEEZYB TYPE BEAT 2022 -](https://images.videosashka.com/watch/1EoTITwenvE)
