React JS tutorial for beginners step by step [2022] with example (Google keep app)

React JS tutorial for beginners step by step [2022] with example (Google keep app).


Download the code directly here: https://dl.dropboxusercontent.com/s/6cfhexzb009i5s2/react-app-01.rar?dl=1


Welcome to the best course for learning the basics of React, my name is Sahand and I'm a web developer with over 15 years of programming experience.


I created this basic course to share my experience with you. This course is made to help you get familiar with the basics of the modern React.

By the end of this course, you'll be able to write the basic react codes, and build a simple but practical application similar to google keep which allows you to create and remove daily notes.


This course starts with a direct and simple guide on how to install all the necessary software and create a react app. Once you master these basic skills, you'll then begin to work on the google keep react project. This project will teach you many skills like react components, react properties, react hooks, and all the essential JavaScript methods like map and filter which are being used in most react applications.


It is completely fine if you have no prior knowledge of React. An introduction to React is provided in the course in details. This is a resource that will teach you about React while building a simple but practical application.


If you are excited as I am to learn about the basics of React and build an amazing web application, then let’s get started.



#react #2022 #beginner


0:00 - Intro
1:30 - What is React?
5:33 - Installing Node JS and VScode
11:44 - Local environment setup for react development
16:40 - Creating basic HTML, CSS and JS files
22:19 - Introduction to JSX
26:06 - React components
30:01 - Creating header
46:12 - Creating footer
51:32 - Creating the main application (notes)
56:24 - Creating the form area
1:04:23 - Store the data of the form's textfields
1:10:14 - Creating the addNote function
1:16:09 - Mapping through the notes array
1:19:36 - Deleting the notes using filter method