All The JavaScript You Need To Know For React

  Рет қаралды 535,678

PedroTech

PedroTech

Күн бұрын

In this video I will go over all the JavaScript I believe is necessary for someone starting to learn react. Obviously, the more javascript the better!
Part 2: • All The JavaScript You...
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
Timestamps
00:00 | Intro
01:18 | Arrow Functions
05:53 | Ternary Operators
11:23 | Objects
17:59 | Map, Filter...
24:29 | Async-Await, Promises, Fetch
#reactjs #coding

Пікірлер: 380
@Thithi_Dev
@Thithi_Dev 2 жыл бұрын
Fantastic job, Pedro. I'm fairly new to React and started running into a few problems when experimenting some hooks and contextAPI. I noticed I had a lack in some JS concepts your video was just what I was looking for. Congrants! And Keep the amazing job you're doing.
@retrosynthguy
@retrosynthguy Жыл бұрын
You are insane! I found your channel yesterday and I just woke up and came here as fast as I could because I just want to see all your videos, thanks Pedro!
@melissabee12
@melissabee12 8 ай бұрын
It's almost like getting that 'classmate explaining the lesson better than the teacher' kind of vibe 😊. Seriously though, I've only just discovered your videos, and I'm already loving them. I can't help but wish I had found them sooner. Keep up the fantastic work!
@linktoankur
@linktoankur 2 жыл бұрын
Thank you @PedroTech for putting all the essentials in such a concise video. I would really appreciate if you can come up with an increasing level series for this content. All the beginners would love it i'm sure.
@mp6086
@mp6086 Жыл бұрын
5:54 && and || are not ternary operators, these are logical operators. It's a really clever way to use them, but it's important to know why exactly they work that way and that if the condition isn't or is (&& or ||) satisfied the variable will be assigned a boolean value (false / true)
@Emblazon
@Emblazon Жыл бұрын
I thought I was missing something lmao. Thanks for this clarification. But yea, ternary operators are in the form of ` let variable = (condition)? value if true : value if false; `. ` let name = (age > 10)? "Pedro" : "Jack" `
@yani-
@yani- Жыл бұрын
I came here to comment just this. I do not recommend using the logical operators when assigning values, this is just wrong
@patelprapti591
@patelprapti591 8 ай бұрын
@coddingdunniya might be helpful for you kzfaq.info/get/bejne/ar6nlq-YuaipmYk.html&ab_channel=CodingDunniya they have got some really relatable content
@user-sk6ge6sh7j
@user-sk6ge6sh7j 8 ай бұрын
Yep, I get what you are saying. I was also a bit confused about that explanation, but we are all continuously learning in the journey to become the best software engineers that we can be! 💯
@dlouhavideacz
@dlouhavideacz 4 ай бұрын
It's called "short circuit evaluation" and it's handy when u want something to pop up if soem rule is fulfilled
@jedreqq
@jedreqq 2 жыл бұрын
Hey, I do not comment programming yt videos at all but really, You have the best tutorials on the platform, really easy to understand and enjoyable to watch, You are doing a great job man
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Thank you! This makes me happy :) I am glad to see my videos are helping!
@Wakpinside
@Wakpinside 2 жыл бұрын
I agree
@isaacjon
@isaacjon Жыл бұрын
@@PedroTechnologies i think the same thing . You explain really well
@yolamontalvan9502
@yolamontalvan9502 10 ай бұрын
I agree. He explains it very well. Pedro is El Especialista.
@ameywani8
@ameywani8 2 ай бұрын
you got me in the first half
@smnomad9276
@smnomad9276 2 жыл бұрын
I don't think you realize how good of a teacher you are. No one on youtube explains things as clear and as simple as you do 💯 One thing however i wish you would start doing is go deep into the small details more of why something is the way it is and how it works on the background without using technical words and don't assume that we already know some simple details. This would really be great for beginners! Great job man and thanks for what you're doing ❤️🙏🏻
@zakibgmi
@zakibgmi 8 ай бұрын
🎯 Key Takeaways for quick navigation: 00:00 🎥 JavaScript essentials for learning React. 01:25 📚 Focus on intermediate JavaScript concepts for React. 03:05 🎯 Use arrow functions for cleaner code and better callback handling. 05:09 🔀 Utilize ternary operators for concise conditionals in React's JSX. 08:48 🧱 Understand object destructuring and copying with spread operator. 18:26 🔄 Employ the `.map()` function for rendering dynamic lists in React. 22:08 🕵️‍♀️ Use `.filter()` function to manipulate and filter arrays in React. 23:59 🧭 Understanding searching and filtering through lists using `.filter()` function. 24:43 📚 Key concepts: Promises, async/await, and data fetching with Fetch API are crucial for web development and communication with APIs. 26:04 🛠️ The listed concepts are important before diving into React, especially if you have a basic grasp of JavaScript. 26:47 🌟 Learning React is achievable even without prior expertise, and struggling initially is normal. 27:29 👍 Like, comment, and offer feedback to support the channel's diverse content. Made with HARPA AI
@D369_
@D369_ 10 ай бұрын
just started with react and this has been one of the most useful tuts investors found so far lol. Concisely explained with situational examples for why the techniques are useful. Thanks a bunch.
@sachinmore8938
@sachinmore8938 Жыл бұрын
This was an awesome idea to collate the basics in a small video. A lot of my other learning makes more sense now after understanding the significance as I directly started with React. Thank You!
@rax7147
@rax7147 Жыл бұрын
Same experience, diving in react with just the basics of js is really a tough road. Hoping to see more videos like this that summarizes things. ❤
@abachaalaaeddinesalah4138
@abachaalaaeddinesalah4138 8 ай бұрын
How is your level now
@GameVerse215
@GameVerse215 7 ай бұрын
i fucking suffered alot alot alot i almost gave up ...
@durgeshkumardurga2073
@durgeshkumardurga2073 5 ай бұрын
bhai basic JS se react ho jqayega?? plss batana
@kirandev
@kirandev 4 ай бұрын
@@GameVerse215😂 did you make it ?
@BrunoAlexandreCartaxeiro-BRN
@BrunoAlexandreCartaxeiro-BRN 11 ай бұрын
I only saw this video from you so far, but I think you have serious teaching skills. Very well structured, simple and accessible information. Congrats & thanks. 👍
@VictorOliveira
@VictorOliveira 10 ай бұрын
Man, this is a great video. It's difficult to find such good videos around here about the subject. Thanks!
@boitumelomashego2386
@boitumelomashego2386 6 ай бұрын
Thank you so much it has been overwhelming trying to learn react but now I see the light, thanks for this video, this is amazing.
@rolandsilvajr1
@rolandsilvajr1 3 ай бұрын
really well done. I have finished a three month boot camp and this is great refresher as I start React, will definbitely follow I subscribed
@user-sk6ge6sh7j
@user-sk6ge6sh7j 8 ай бұрын
This is the first and only of your videos that I have seen (so far) and it has cleared up so much confusion and frustration that I have been having in my journey in learning how to use JavaScript AND React and how to best use them together. I became very excited watching this video as ideas and concepts started to "click" in my head. Thank you, Pedro for this awesome video! 🥰
@tariknavarro87
@tariknavarro87 Жыл бұрын
Hi, Pedro! Thank you for your vídeos. I've found you few days ago and have been watching your content. Keep going!
@automateddude
@automateddude Жыл бұрын
Really thanks Pedro, you are a lifesaver! I actually learnt react with basic js and knowledge of python, even didnt understand the new if else and spread operator, now I understood, Thanks a lot!
@emamarcela354
@emamarcela354 2 жыл бұрын
Thank you Pedro! Your videos are being a great help! I'm doing a React course and when I don't understand my teacher I know that I'll come here and understand with your videos
@dr_corrupt1014
@dr_corrupt1014 11 ай бұрын
so why not just watch pedros videos instead of wasting time with a tutor you don’t understand ? 😂😂
@_Sanja_
@_Sanja_ 9 ай бұрын
Thank you for making this video! I have just started learning React as part of my bootcamp. It has been confusing so far :)
@sulaimanmicheal3952
@sulaimanmicheal3952 Жыл бұрын
Thanks for the explanation I'm currently learning react but I've realized that some things need to be understood. and this is clear enough.
@jnaras
@jnaras 8 ай бұрын
Great job Pedro. Nice fundamental stuff.
@slearmendoza3863
@slearmendoza3863 Жыл бұрын
Hey sir pedro, thank you for this video. This is what I looking for, its been a month for looking on how and where do I start learning REACT. Kudos bro.
@kenkioqqo
@kenkioqqo 2 ай бұрын
You're the man, Pedro. This is exactly where I'm at in my React journey. Coming from a Python (Django) background with a little bit of JS basics, I've been feeling overwhelmed by the thought of (re)learning the entire JavaScript language just to prepare for React. I needed to know what parts of JS I should brush up on and this video has demystified my path. So thanks man.
@oliverqweenuj
@oliverqweenuj 8 ай бұрын
Excellent teaching method, by comparing both Javascript and its equivalent Reactjs and writing the code for both, side by side. Increased my understanding a lot.
@user-gl5wl7rw3f
@user-gl5wl7rw3f Жыл бұрын
Great video Pedro! It really helped to renew the topcis necessary to look at while learning React! Thank you very much! All the best 💪💪
@r4rama
@r4rama Жыл бұрын
I really appreciate your way of explaining. I was very scared of what to learn first. But you cleared my doubts :) Thanks man
@emilysmith1000
@emilysmith1000 Жыл бұрын
You are so good at explaining. This really helps me. Thank you for sharing your talent 🙌😄
@georgebassey3911
@georgebassey3911 Жыл бұрын
Really enjoyed this video, I was really scared to put my hands on React, now I want to check your React tutorials out. Thank you!!😊
@derickmoncado
@derickmoncado 9 ай бұрын
Stellar overview man, great work!
@zalodias123
@zalodias123 2 жыл бұрын
Great overview on these JavaScript concepts Pedro! I've done a few React projects but it's always good to refresh the basics once in a while.
@aliyanbuzdar1213
@aliyanbuzdar1213 9 ай бұрын
Zo O xja on a db js ak Ak _d os
@echozhu1661
@echozhu1661 Жыл бұрын
This is so helpful! Thank you for sharing the contents and experience! I was struggling with a React proj and this helps!!!
@darshanpandya1087
@darshanpandya1087 11 ай бұрын
this is the type of video i wanted to watch for long time , i don't want to say that i completed js from a to z but i think i have completed more than 15 projects on js and now i want to learn react but i was not confident enough so i searched on youtube if i have to know anything else before jumpting to react. thanks pedro for this amazing video ... TotalSubscribers++
@charitysimon-peraboh5555
@charitysimon-peraboh5555 3 ай бұрын
Pedro it's been awhile and thanks so much always do a lot for the upcoming
@mazwinb1113
@mazwinb1113 11 ай бұрын
Great video bro. Thank you so much. Actually you have covered all the topics that I was looking for.
@kenmtb
@kenmtb 11 ай бұрын
Thank you sir, It is really helpful to have an idea of what concepts a newb needs to know and which ones you can put off for later.
@mallinathlamjane8118
@mallinathlamjane8118 9 ай бұрын
Nicely explained, thanks for the video
@zakariadf8747
@zakariadf8747 Жыл бұрын
This is the first video I have watched so far and I already Love you Dude 😀 Thank you for Sharing
@galatoide
@galatoide 2 жыл бұрын
just what I needed! thank you and keep growing ☺
@eraoul
@eraoul Жыл бұрын
Feedback: there is just one “ternary” operator described here, not 3. And and Or are just binary logical operators, since they have two arguments. The ? operator is the ternary operator since it takes three args: condition, if clause, and else clause. Also: functions are usually declared const to specify the variable referring to them shouldn’t change, it’s not just a “convention”.
@roving-camera_72
@roving-camera_72 8 ай бұрын
This is a great summation of the JS principles one should know before moving on to ReactJS.
@JustPerfectDesigns
@JustPerfectDesigns 2 жыл бұрын
This right here is a really great value that most beginners overlook. I'm glad I could finally see this. I searched for content like this too when I started my react journey and I found none. I'm going to link this on almost all my react tutorials/projects on my small KZfaq channel. I hope its Ok to do so?
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
That is perfectly fine! Thank you for the support!
@HeyNoah
@HeyNoah Жыл бұрын
Great video as always Pedro! Thank you!
@abdulmagidelmaghbub9950
@abdulmagidelmaghbub9950 10 ай бұрын
THANK THANK THANK YOU you provided somthing that i was looking for a while
@Arsy1999
@Arsy1999 Жыл бұрын
Amazing video, I highly recommend this to anyone looking to bridge the gap between a JS course and React course!
@seekingtruth9417
@seekingtruth9417 Жыл бұрын
This is so awesome. You are a hidden gem. Not sure why KZfaq didn't recommend you earlier, it would have saved me so much time. I had some basic knowledge of javascript but was not confident with objects, map and async. The way you explained with examples is really great. Not many online tutors can do that. Thanks for making this great video. Please make more videos like this on JS and React so that we can clear our concepts and start building a real world project. Once again thanks a ton!
@pauljustineposas6791
@pauljustineposas6791 Жыл бұрын
I've have been doing a lot of JavaScript studying these past few months but I soon as I watched this video, I can advance a little in Udemy Course. Thank you I've reached out to this, I can definitely get to know more on React. 😍🙌👌
@brunomattesco
@brunomattesco 8 ай бұрын
valeu mano, vamos nessa 👊
@TheMERABANABER
@TheMERABANABER 8 ай бұрын
this is great! thank you so much
@luisaborba4829
@luisaborba4829 14 күн бұрын
Great video Pedro, you explain really well, thanks a lot :)
@crispinhades
@crispinhades 7 ай бұрын
Thank you brotha ❤
@federicocastro5542
@federicocastro5542 Жыл бұрын
Thank you Pedro, it's now so much clear !!
@user-hf8iy8xp9y
@user-hf8iy8xp9y Ай бұрын
These are important concepts for react. Thank you!
@romulodsr
@romulodsr 5 күн бұрын
Awesome stuff! Thanks 😊
@gabrieloliveira3194
@gabrieloliveira3194 Жыл бұрын
Great value Pedro, thank you!
@thescribblersdiary
@thescribblersdiary 5 ай бұрын
Learned a lot brother! Thanks for the effort and tutorials
@yolamontalvan9502
@yolamontalvan9502 10 ай бұрын
Thanks for the video. Just what I needed to know. But I was interrupted by a 50 minutes interesting ad which was longer than your video. I watched the entire ad, wow. When your video resumed, I became interested in react. Thanks.
@funkerosupremo
@funkerosupremo 8 ай бұрын
Thanks for the video, Pedro. Really useful. I finally got the arrow functions now thanks to you. Also, you sound brazillian for some reason
@alinaser2332
@alinaser2332 Жыл бұрын
you such a gift from heaven bro, just wanna say thank you over and over again ♥
@ramizch1739
@ramizch1739 2 ай бұрын
superb man you are a life savor, that's what exactly i was looking for, and your explanation and examples are beginner friendly, Thanks man and please keep posting nice stuff about react
@yashiel
@yashiel Жыл бұрын
Wow, this is really helpful, I wonder why nobody thinks this way. Thank you very much.
@zmariux
@zmariux Жыл бұрын
Thanks man! As a feedback, I was struggling to find motivation of why to learn react, and I didn't need more statistics of why is it good compared to other tech, not more technical details of what React is. What I needed for my motivation was exactly something that you integrated lightly (but enough), and that was the practical use into react and what can react do for me (and the thing with the arrays and how it can add the was enough to put my brain to work. It game me a small light to hang on it, enough to buy me some time to learn more thing ( until either I deplete my motivation again or I learn new things to motivate me again). Shortly, the practical use (and in what scenario) was the thing that help me. I hope it makes sense. Thanks 👍
@sediqiata2678
@sediqiata2678 Жыл бұрын
I am among those programmers who has too much stress but this video is so satisfying bcz now i know i have the abilty to learn react
@lvekua
@lvekua Жыл бұрын
Very useful. Thank you mate!
@parzivall5605
@parzivall5605 Жыл бұрын
Hey Pedro thank you for all the wonderful videos. Not sure if you put any content out on Blockchain, Solidity, or creating Dapps. Would love to hear what you have to say on that.. keep up the great work.
@FlyingCorkscrew
@FlyingCorkscrew 8 ай бұрын
Incredibly helpful 👌 👏
@elase3
@elase3 11 ай бұрын
i like so much about your way when you give us to lesson, your way in this video learned me a lot , and i understood your explanation , i am not good with english but really i understood every single word you said , you are a very good teacher . thanks so much for this video and keep going to do many stuff videos like this
@Keelle09
@Keelle09 8 ай бұрын
I think you are a really great teacher!
@jilvirpaeste8258
@jilvirpaeste8258 Жыл бұрын
thank you for sharing the idea...
@dlanyar1251
@dlanyar1251 2 жыл бұрын
Thank you Paidro! This is so useful
@user-td5ip6ln3u
@user-td5ip6ln3u 9 ай бұрын
OMG, this video is brilliant!
@kaus0463
@kaus0463 4 ай бұрын
This is very helpful! thanks a lot
@Sidm09Gaming
@Sidm09Gaming Жыл бұрын
Loved the way you teach buddy, you kinda motivated me to do 😇
@eluyegetnet6950
@eluyegetnet6950 8 ай бұрын
Very helpful thank you
@hitsgamingparadise5243
@hitsgamingparadise5243 2 жыл бұрын
Oh man beautiful video ... Exactly what I needed man .. thanks bro!!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Glad you liked it!
@devjoaommr
@devjoaommr 6 ай бұрын
caralho o maluco é brasileiro e ta dando aula, que coisa dahora de se ver! parabens mano, me ajudou muito com o video
@Psychopatz
@Psychopatz 5 ай бұрын
Thank you sir, I dont even know that those arrow functions are from javascript itself and not from react by default, you explained it from the fundamental standpoint. Super thanks sir!
@Spitfiregames
@Spitfiregames Ай бұрын
I was taking the full stack developer course in code academy and hit a wall with building programs, but I now realize that they were preparing me to learn react because they really emphasize the importance of using arrow functions and tenary operators. This video was eye opening. Thanks for the content.
@lericho3008
@lericho3008 Жыл бұрын
Thanks for this tutorial. Cheers from Brazil 🎉🎉🎉
@relaxingmusicmusicandvideo2422
@relaxingmusicmusicandvideo2422 Жыл бұрын
Awesome marvalous fabulous hillarious mind blowing superb fantabulous ....i just came here while still learning react from you
@camoospi9349
@camoospi9349 Жыл бұрын
Great video. you are really good explaining stuff, making it very easy to understand and follow..
@tomasburian6550
@tomasburian6550 2 жыл бұрын
I also started learning React without knowing JS so I took it side by side. It was tough. Not as tough as learning how to use React + TypeScript, tho :)
@rajvipatwa7438
@rajvipatwa7438 Жыл бұрын
Can you help me
@eggxecution
@eggxecution Жыл бұрын
@@rajvipatwa7438 how was it? I learned react too without javascript lol Chat GPT helped me a ton lol
@AmirrezaAP-jz8en
@AmirrezaAP-jz8en 7 ай бұрын
Thanks a lot for this helpful content
@AhmedSiddiqui-dz3up
@AhmedSiddiqui-dz3up 9 ай бұрын
Commenting just for you because you are a really good teacher :)
@VELS436
@VELS436 Жыл бұрын
Thank you buddy ❤🎉...*its really helped me
@horusight
@horusight 8 ай бұрын
its really useful thanks man😁😁😁
@swaggypapa60
@swaggypapa60 8 ай бұрын
map and filter don't change the items of the array. You can use it to create a new array with the desired changes/filter, but the original array remains unaffected.
@DEEZYDAN
@DEEZYDAN 2 ай бұрын
you can just redefine the array if you declare with var instead of let.
@capedbat
@capedbat Жыл бұрын
Thank you so much Pedro !!
@viralina8765
@viralina8765 Жыл бұрын
thank you so much for making this video. it is very useful !!
@sagarpurohit1454
@sagarpurohit1454 5 ай бұрын
i think i learned lot in this video even came to know how some new things work with very simple example that can be helpful understanding new advance topic in js and React.
@seankrieg
@seankrieg Жыл бұрын
Heartfelt thanks Pedro!
@emadnawar1119
@emadnawar1119 9 ай бұрын
this video is a gem
@SolarDevJs
@SolarDevJs 2 ай бұрын
Hi Pedro! , Thank you for your videos
@tusharniras
@tusharniras 7 ай бұрын
This is a very good video! thank you!
@bilalsaleem100
@bilalsaleem100 5 ай бұрын
thank you for making this video. appreciate it :)
@JanasV
@JanasV 9 ай бұрын
Very nice tutorial, thanks
@_tanzil_
@_tanzil_ 9 ай бұрын
I'm going to start learning React on September 😊
@catreunion
@catreunion 2 жыл бұрын
This video is super helpful. Thank you so much!
@PedroTechnologies
@PedroTechnologies 2 жыл бұрын
Glad it was helpful!
@striderhere
@striderhere 11 ай бұрын
It really helps me to learn both as a beginner
@sodhapujan7834
@sodhapujan7834 Жыл бұрын
Awesome man ! Keeping putting such videos ;)
All The JavaScript You Need To Know For React (More JS To Know)
18:19
Normal vs Smokers !! 😱😱😱
00:12
Tibo InShape
Рет қаралды 87 МЛН
Каха с волосами
01:00
К-Media
Рет қаралды 6 МЛН
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 4,2 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 324 М.
the new PS4 jailbreak is sort of hilarious
12:21
Low Level Learning
Рет қаралды 290 М.
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,1 МЛН
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
Frontend Web Development Projects that got me hired
10:38
James Cross
Рет қаралды 272 М.
I Made 200 Python Projects...Here Are My 5 FAVORITES
11:23
Tech With Tim
Рет қаралды 117 М.
Learn React With This One Project
42:38
Web Dev Simplified
Рет қаралды 674 М.
Web Developer Roadmap (2024) - Everything is Changing
25:02
ByteGrad
Рет қаралды 240 М.
JavaScript Tutorial for Beginners [JS Crash Course 2024]
1:37:14
TechWorld with Nana
Рет қаралды 90 М.
JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour
48:17
Programming with Mosh
Рет қаралды 12 МЛН
Introducing GPT-4o
26:13
OpenAI
Рет қаралды 4 МЛН
🤖Вернулись в ПРОШЛОЕ🤪
0:28
Demin's Lounge
Рет қаралды 60 М.
Xiaomi Note 13 Pro по безумной цене в России
0:43
Простые Технологии
Рет қаралды 1,7 МЛН
The power button can never be pressed!!
0:57
Maker Y
Рет қаралды 44 МЛН