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

Published: 16 April 2021
on channel: Code With Sahand
14,671
243

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


Download the code directly here: https://dl.dropboxusercontent.com/s/6...


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


On this page of the site you can watch the video online React JS tutorial for beginners step by step [2022] with example (Google keep app) with a duration of hours minute second in good quality, which was uploaded by the user Code With Sahand 16 April 2021, share the link with friends and acquaintances, this video has already been watched 14,671 times on youtube and it was liked by 243 viewers. Enjoy your viewing!