All The JavaScript You Need To Know For React (More JS To Know)

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!
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: [e-mail]
🌟 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
JS TO REACT TIMESTAMPS
00:00 | Intro
01:37 | What is the DOM?
04:16 | Import / Export Notation
06:24 | Ternary Operators & Conditionals
10:41 | Optional Chaining
13:18 | Template Literals
#reactjs #Javascript

[@PedroTechnologies]

Sorry everyone about the last part of the video, my facebis covering the code. The code that was supposed to be there is the following: const data = await fetch(’imaginaryapi.com/searchterm=${animalName}’)

[@brunoseigo1]

tks!!!

[@azaz9344]

your content is amazing thank you so much for your videos 😊 please we want a course for react js that cover everything i mean to get a job we want from beginner to advance but please don't make it expensive 😅 i mean like udemy wil be so good for us 10 to 13 dollar

[@recursion.]

@@azaz9344 Homie really asked for a tutorial course with his budget.😂😂😂😂

[@whatisnextthen9836]

a found the first tutorial with no face , is better, thnx great content

[@lastspoil5547]

lol

[@FaustoSaTeles]

You've helped me to fill some knowledge gaps! I think I found your videos at the right time. Thanks a lot and congrats, Pedro!

[@marlonmnz]

Fala Pedro!!! One more incredible video to us. Thank you bro.

[@lastspoil5547]

I have just finished my JavaScript course and just found this channel. I'm locked in!

[@ici6308]

My friend, your advice is just a diamond. I was thinking so, but I was hesitate to jump to learn React with a little knowledge in Javascript; but as I watched this tutorial from an expert like you, I think that I can start now to learn React with my littlie knowledge in Javascript. Thanks a lot. You are a great guy !

[@steve-cse]

This is exactly what I needed thanks Pedro ❤

[@lukas.webdev]

Very helpful! Thanks for another great video! 😉🔥

[@niharranjanhota9007]

Its so true learning is not a quick process , you have to revisit topics that you have forgotten , thanks for the vidoe , keep going Pedro❤❤❤❤❤❤

[@alexthewebdesigner1856]

I'm just now learning React. Thanx for those points Bro!

[@ssj4cap]

Thank you Pedro. Great video

[@paulocesarabudfilho5309]

WE LOVE YOUR CONTENT!!!

[@it_student855]

I really do appreciate what you present bro I just learned react from your channel your expectation is really obvious I don't sufferer at all to understand although English is not my mother tang but you made it very simple all the best bro. From sudan ❤

[@PedroTechnologies]

[@norber88njb]

Really important to understand the core necessity behind the creation of React in order to identify the benefits of using the virtual DOM

[@mo.x9013]

i thought i need to master javascript to switch to react i am glad that i found your channel thank you

[@entity5678]

somehow I missed optional chaining in JS..glad I learnt it now

[@user-qo5hp4zz9e]

Brilliant video. Thanks a lot

[@ericbashir7275]

Does Pedro realise that the whole part on Template Literals is covered by camera feed? 😂😂 please provide the code. Great video! Love it

[@SyamKishoreNaidu]

Pedro, can you make a detailed video on the redux tool kit. Covering each and every topic. Like how to use it for large scale applications and how to integrate sagas

[@myforexanalysis9009]

I Love You PedroTech. God bless you.

[@gersuer]

Hey Pedro, I'm brazilian and i don't know if i'm writing correctly, but I wanna say thanks for the videos, it helping me a lot. Thank you!

[@otaviofaria3186]

Esse mlk é BR certeza ou é português kkkkkkk to maratonando o canal dele, bom demais

[@PedroTechnologies]

Eu sou BR kkkkkkkkk obrigado pelos comentários :)

[@gersuer]

@@PedroTechnologies kkkkkkk E eu achando que tu era gringo, to aprendendo duas coisas contigo, React Js e ainda to aprendendo ingles, por que assisto teus videos sem legenda kkkkkk

[@prashanthreddy1924]

Best techer ever !

[@techjaye1373]

love you bro 😅❤

[@amitpadgaonkar8830]

Thank you for the video. Great Primer!!! Can't see anything that you do @14:42 though

[@bestprogrammingtools]

What an awesome video. If you're interested in React Native, which is also like React, I have an awesome course that will help you master mobile app development. Happy coding everyone!

[@nk-hu7pt]

your face covered the content from 13:19. thanks for the video.

[@ninjask8ter]

What about the difference between exporting a function or exporting a class?

[@erickramos1517]

Excellent video! though your image blocked the template Literal code example

[@Viitor159]

o brabo

[@swurz3709]

I think you can not just replace ternary operator 10:25 in this case to &&. color = isCorrect && "green" will result in color = false (if we have isCorrect = false)

[@ThatFreelance]

Minor mistake but the concept was well explained

[@germanAverageGuy]

Amazing video! I have some questions, please. Is it worth it to learn web development in 2023 in terms of job opportunities? Secondly, what do you recommend for someone who is looking to work in freelance/remote jobs: WordPress and other CMS or coding? Thanks in advance for the amazing content

[@lukas.webdev]

I'm not Pedro, but I would say it's still definitely a good idea to learn web development in 2023. People who really understand and know how to write good code will always be in demand... 😉 That depends on many other factors, but I'd say if you just getting started it's probably best to do WordPress and Custom Coding Projects... 😉

[@chrispanda9677]

What is that VSCode theme?

[@thisishabib744]

Plz. Make a one video on how must know react to learn backend development ❤❤

[@PedroTechnologies]

You dont need to know react to learn backend, you can learn both of them separately :)

[@PedroTechnologies]

You dont need to know react to learn backend, you can learn both of them separately :)

[@temidayolawal3372]

Your cam is covering some part of the lecture at the end

[@psicotrogato]

How are you Pedro? thanks again for your videos... some advice because although many of us only know you after these videos... I think you can be considered a friend who shares his knowledge and helps to improve the quality of life and the harmony of our universe... Don't worry about uploading content if you are tired, always listen to your body and your internal needs... whoever knows the quality of your material will always be back to nourished by your knowledge... but our temple helps, belongs only to us and its maximum balance and care depends on us... maybe is not relevant but I talk for my own experience in other areas, Sometimes we want to give the best of us and to do it we go over some others internal needs... a hug.

[@PedroTechnologies]

I appreciate the message

[@eshw23]

A new redux tutorial with Typescript would be godly🙏🙏🙏🙏🙏

[@eshw23]

Nvm i think in your React playlist course for 2022, you made one with Typescript, amazing, ill follow that!

[@swj_69420]

But you already told about ternary operators in the last video :D

[@samarjeetsinghkheda9460]

const name = (age > 10) ? "Pedro" : "Jack";

[@vasukalluru24]

What's your VS Code Color theme?

[@gavinkalaher7314]

One Dark Pro - it's an extension on VS Code.

[@azaz9344]

your content is amazing thank you so much for your videos 😊 please we want a course for react js that cover everything i mean to get a job we want from beginner to advance but please don't make it expensive 😅 i mean like udemy wil be so good for us 10 to 13 dollar

[@PedroTechnologies]

Yesss, I don't usually make courses so I will make sure to make a great one :) I am not sure about the price yet, I want to make it accessible for everyone whilst being worth the amount of time I will put into it!! I will also definitely give people discounts, whenever I release the course comment in one of my videos and I will give you a big discount :)

[@azaz9344]

@@PedroTechnologies Thank you so much 🙂 you really deserve a big channel with moooore followers for your content i am really happy for that i will be waiting for your course and i will write a comment

[@brunoseigo1]

Excelent video Pedro, PS: JSX is HTML in JS you said the opposite

[@brunoseigo1]

Another simple detail, in the end of the video, you covered the code with your face, another minor peek

[@PedroTechnologies]

Yeyeye i meant the other way, ty

[@jonice4229]

what about maps, reduce, destructuring array, i think those should be in requirement for react

[@PedroTechnologies]

They are all in the other video I made about this :)

[@jonice4229]

@@PedroTechnologies thanks, i hope you will get this comment constructive and not with bad intention just from perspective from a beginner i said there is more to learn. Have a nice day.

[@PedroTechnologies]

Yes ofc hahaha I take all my feedback as constructive! Thank you for watching the video :)

[@shubhamdharpure8586]

Pls share your vs code theme name

[@johnvick8861]

Bro please change position of ur cam

[@akshayakrishnan6145]

Very good video but make sure you are not sheilding your code with your screen 👍

[@toonsinhindi4827]

part 2?

[@mohitchandola3435]

are you remote developer ?

[@PedroTechnologies]

Yess

[@mucodondi]

kbx Pedro

[@Vaishnavi-f1]

Hey you're so cute I was trying to focus on the concepts but was getting distracted by your face. 😄

[@Septumsempra8818]

Any python people here? Anyone else running from Django?

[@angaragg.3165]

nah api endpoint in template literals are hidden. I don't understood the concept.

[@s0ulweaver]

Can't understand because your video was hiding code during 13:39 - 15:36. Reduce the size of your video so more screen is visible.

[@gheonsteenkamp969]

So from about timestamp 14.00 you are trying to show a template literal but you are literally blocking that piece of code with your face and cant see anything.

[@sahilgandhi9156]

whatever you are explaining please make sure that is not hidden behind your other screen

[@thisishabib744]

Love form Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩

[@naderat]

your video is blocking the code. It's better to put your video bottom right!

[@WebSypder]

These concepts hardly take 3 minutes to teach, and the rest of 15 minutes could have been saved.

[@kiva1823]

It is working fine on Android the card number field reads as separate digits via screen reader(NVDA), but it is not working correctly on iPhone via screen reader(VoiceOver) Can someone help me with this.? {"Card number"} {(card.cardNumber.match(/.{1,4}/g) || []).join(" ")}

[@namonamha]

@SunRayBee ??

[@germanAverageGuy]

Amazing video! I have some questions, please. Is it worth it to learn web development in 2023 in terms of job opportunities? Secondly, what do you recommend for someone who is looking to work in freelance/remote jobs: WordPress and other CMS or coding? Thanks in advance for the amazing content

[@PedroTechnologies]

Definitely worth it, it is one of the fastest growing industries! I would recommend learning to code because it is a more tangible skill that can lend you a bunch of high paying jobs :)

[@germanAverageGuy]

@@PedroTechnologies thank you so much sir