12 React Concepts for BEGINNERS
HTML-код
- Опубликовано: 13 сен 2024
- 🎓Get FREE access to my upcoming Ultimate Node.js Course for the FIRST 100 students: forms.gle/8m9X... 🚀
Learn THIS 12 React Basic Concepts for React Beginners in very simple language. You learn about components, jsx, babel, adding elements, javascript in jsx, attributes, events, React State, useState, Handling Inputs, Mapping Lists.
🚀Access My Complete React JS Course: www.udemy.com/...
💌Join my FREE Email News Letter for updates: codeblessyou.c...
💙React Basics Cheatsheet: drive.google.c...
🤩MY FAVORITE TOOLS & GEARS
Height Adjustable Desk - amzn.to/42qPZkb
Old Desk in Budget - amzn.to/3UlaFbm
Favorite Laptop - amzn.to/3OrqmKa
LG Monitor for Productivity - amzn.to/3uqA5tv
Silent Keyboard(Loved It) - amzn.to/3UjagGv
Mouse & Keyboard Combo - amzn.to/3Sq50hs
Extra Large Mouse Pad - amzn.to/48Nhcjv
Sony Headphones - amzn.to/3HHjYed
Cheap Earphones for Editing - amzn.to/48eBykN
Daily Use Laptop Stand - amzn.to/3Uj8JQL
Mini Speakers for Consuming Content - amzn.to/48YgAaK
Mport X Connector - amzn.to/3UoHsML
Mic - amzn.to/48eCrtD
3 Color Lightbar - amzn.to/42qgaaW
Dual Monitor Stand - amzn.to/48Nixa1
Stop Watch for Productivity - amzn.to/3Un1RBW
Dotted Diary - amzn.to/3vYBWq1
Topics Covered in this video
- Building First React Component
- How JSX & Babel Works in React
- Adding Elements in React
- Writing JavaScript expression in JSX
- Setting attributes in React
- Adding Events in React
- What is State in React
- What are hooks in React
- useState in React
- Handling Inputs using useState
- Mapping Lists in React
Overview
00:25 Building React Component
07:05 Component Solution
08:20 How JSX & Babel works
11:34 Adding Elements
15:20 Writing JavaScript in JSX
20:10 Setting Attributes
24:36 Adding Events in React
27:58 What is State
29:42 What are Hooks in React
31:07 Learn useState Hook in React
37:23 Handling Inputs using useState
41:30 Mapping Lists in React
Write in comment section, Which extension you will use for the future React Project.
⏬Music & Sound Effects from: share.epidemic...
Social Media Links
🚀COURSES : www.udemy.com/...
💌News Letter : codeblessyou.c...
🤩INSTAGRAM : / code_blessyou
💙FACEBOOK : / 100077716056158
🐦TWITTER : / code_blessyou
😎LINKEDIN : / code-bless-you-5b76822b
Tags
react js,react js tutorial,react,javascript,react basics,react tutorial for beginners,react tutorial,basics react,learn react,learn react js,react for beginners,reactjs tutorial for beginners,learn react for beginners,react js for beginners,react crash course,react course,learn react js for free,learn reactjs,learn react js for beginners,react beginners,react js beginners,react js basics,components in react,jsx,babel,state,useState,map
🎓Get free access to my upcoming Ultimate Node.js Course for the first 100 students: forms.gle/8m9XA7kmc17nHfhz8 🚀
finally ,I understood all the basic concepts...thanks a lot...so when you are releasing next part?
Soon. After One Week❤❤
And I'm your biggest fan of your teaching, You explain codes with example and explanation of why and how to use❤❤
Thank you so much for this comment. Really grateful for your support. Love you❤❤
Really It's very good video for begginer. Can u please make or more video😊
Sure I will. This is the part of my React JS course. If you want to checkout - www.udemy.com/course/the-ultimate-react-course-2023-w-real-world-projects/?referralCode=993CD544A6816303D3AD
Bro, Please start a e-commerce project series for beginner react js developer
Actually I created e-commerce application in my React JS course. But it is advanced project. So you have to watch it completely.
Course Link - www.udemy.com/course/the-ultimate-react-course-2023-w-real-world-projects/?referralCode=993CD544A6816303D3AD
Promo-SM