ReactJS Course [2] - JSX, Components, Props...

[@manaling6456]

This dude doesn't only teach the course, but have exercises for the lessons? You are my new professor.

[@hiwotina26]

Nice work. Finally I found someone who teaches updates React version. I will follow you through the course.

[@sulegjansasikumar273]

i also

[@ggnranker]

I also

[@anuragsuryawanshi4177]

I also

[@Julie-zx5zj]

This is the kind of tutor I have been looking for. As a self taught Frontend developer, I almost gave up with React because most videos on KZbin showcase application of skills of the content creator but this one is quite different. There is actual transfer of knowledge, skills and values to who ever is following the series. Thank you very much!

[@mohammadfazlerabbi7712]

This is the playlist i was looking for amazing!! most of the people just keeps on talking and makes things complex you made me understand the concepts much easier well done buddy.

[@willwebb1495]

Pedro - you are killin it! Seriously - thank you for explaining these concepts so clearly and simply. This is great review material for me as I am moving through a coding bootcamp that's based on the MERN stack.

[@0xbinary]

Wow, I have comprehended every video on your channel with ease. The manner in which you articulate your thoughts and ideas makes it seem as though we are friends having a conversation. Your ability to communicate information in a clear and concise manner is impeccable and you are able to strike the perfect balance in your videos 🙏

[@achuntps0913]

Finally understand how to use the props❤Thank you. Your teaching method is excellent! I've been spending lots of time learning React in the past. You've made the best video. I am willing to watch it in order to learn React from the basics again and not afraid of it💛💛

[@38911bytefree]

You are killing it with this course. Man, serious teaching skills for being 21 !!!. Many many thanks !!!!!

[@aabhasjain96]

Hey Pedro, Thank you so much for starting this updated React series. Basically I know the React, but still I have started watching this series for my revision. Once again Thanks a ton and Love from India ❤

[@sushantluitel]

Finally Found the Best React js tutor. I really didn't understand props in any other videos but your explanation was lucid. ALSO, I loved your way of teaching by comparing React with html and js. You're the best

[@ThColinPereira]

Not seen anything like this on KZbin! Amazing content pedro!!

[@DisabledCookie]

this is the best react tutorial i have ever watched, now im just connecting the dots

[@PatrickAmornlertpanit]

Thank you so much Pedro! I have learnt about props so many times but still didn't fully understand about it until now. Great job man! 🙏🏻👍🏻

[@PedroTechnologies]

Great to hear!

[@seekingtruth9417]

Components nicely done. Never understood props like this before. Thank you!

[@alisajadahmadi978]

Really learned a lot. The best tutorial for React on KZbin.

[@kkeee1]

Além de aprender React eu to praticando é o meu inglês, Thank you Pedro. Success!.

[@AndressaAgapito]

I can't thank you enough for your didactic. I've been strugling with the basics of react for weeks while studying in Udemy. Super excited to finish this one and be a better developer at my internship! Thank you :D

[@bshwin]

Thanks for putting these videos together!

[@RockstahRolln]

This is the first time ever I have understood props.... Great job! I have subbed and am looking forward to this course. Thank You very much!

[@akhilkumarsingh5041]

Happy Birthday Pedro Machado (saw on linkedin)

[@Fantino502]

Pedro, seriously... Your didactic is quite good. I am glad to see more brazilians is doing well in their respective fields... Brasil, porra!

[@ahmednassar2536]

Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's

[@bommasanivenkataramana656]

Bro u nailed it...

[@shubhsharma19]

this is a very straight forward approach to teach things , amazing

[@dionardomarques18]

Thanks a lot Pedro, i really like this format for the course with exercises. I'm anxious for the next episode.

[@ardhisasongko]

your explantion was very understandable, keep up posting dude, i'm going to wait for every single video that you posted

[@shakthinaarayananr7639]

Great tutorial !! Useful to revise the topic which I already watched in ur channel

[@vinaypatil8009]

Quality content , and exercise approach at the end OP.

[@PedroTechnologies]

Thank you! That's the approach I want to take, I don't want people watching all of the videos in a small time frame, I want people to practice after every episode doing some exercise on their own!

[@vinaypatil8009]

@@PedroTechnologies sure , thanks for that again

[@xulipaTV]

Pedro thanks a lot for these great tutorials. It's been a few years since I've done React, so great for me to refresh my knowledge!

[@julianamokrejs6198]

Hi Pedro, I just wanted to say thank your for all your videos and explanations! We really need more people like you in this world. And I can also practice my english which is great! Lol Kudos 👊😊

[@alexandrodisla6285]

That’s it simple And neat. I am waiting for the advanced part. Review of the basic is nice

[@PedroTechnologies]

Coming soon!

[@75_Sudharsan_S_cseB]

Excellent course I have seen so far. Thanks for the course.

[@Geek_God16]

Your explanation is lit bro. Thanks for making such a great playlist.

[@vladimirpuzey713]

Your explanation is delightful!)))

[@vladrileynavilys]

The thing i find hard to wrap my head around (looking at the jobs exercise at the end) is that the "const" is the part that shows something, whereas the function is where the info is stored. It seems like the opposite of how JS works, somehow. Now i understand what's inside the "const" is actually a component because it has h1's, but i think i need time and practice to get this more intuitively. I'd be interested to know if that's an issue for others too, or how you see it that makes sense to you.

[@nazim848]

Great stuff @PedroTech I read a lot of comments about the theme he is using. He is using Dracula theme.

[@krishnaamen]

Great videos for beginners , even for intermediate and advanced developers.

[@HR-pz7ts]

Now I understand why I couldn't pass a number to the props. Thanks man

Hello, Pedro! The intention of my question is for to understand why the propertys are declared after of the App function. It is correct declare "const User" before the app function? Good look. Congratulations for your channel! Is very good!

[@Salah-YT]

thank u so much bro keep it up good work bro 😍

[@GODFATHERZAHER]

thanks Pedro you teach in very nice way❤

[@howuseehim]

Just discovered this, thank you for the knowledge from here in my garage.

[@souravsarkersuvra916]

You are the boss. Love from Bangladesh for the amazing tutorial to created for us!

[@swatisharma5462]

best tutorial for beginners. thanks a lot

[@doppel33]

Thanks so much for this content Pedro! Do you have a community like a Discord server to interact with others that will be following this course? Having a place to chat and talk about the homework could be really useful!

[@PedroTechnologies]

Yes! Its in the description

[@emamarcela354]

@@PedroTechnologies I guess the link is not working 🤔

[@asdfghilal]

@@emamarcela354 +1

[@EagleTube-ph6wh]

Boom!Very interesting tutorial channel

[@robkhold666]

Wow, great video and great teacher.

[@k303k]

Done Sir! Thanks a lot for very Clear Explanation !

[@thekamol]

Thanks a lot PedroTech 🥇

[@PedroTechnologies]

My pleasure!

[@rahatfaruk2218]

It would be great if you used slideshow image when explaining some topics (like - how react works, how component works etc). But overall, your explanation was really awesome :)

[@ChandraSekhar-pu5ei]

Fantastic Explanation

[@nayandiniii]

Guess who can make learning React fun ? PEDRO !!!

[@sothea_flutter]

😍 I love your tutorial brother.

[@PedroTechnologies]

Glad to hear that

[@abin9262]

Nice tutorial easy to understand....!

[@YouFacka]

Hi Pedro, greetings from Czech Rep. . I was just curious if you could show how to work with objects in React which has 1:n relation. Something like video can belong to n categories (or vice versa?). I really miss this in React courses - its always some kind of Todo apps where there is no realation at all and I think it really should be mentioned more often. Anyway even if you wont do this keep up the good work. I can really see your progress throughout last 1 - 1,5 year. Love it, especially React and TS videos!

[@PedroTechnologies]

Heyy, I might do something that includes an example like this. This course specifically is a beginners course so it will not be very complicated, my hopes is that by the end the viewer can build good react apps and can learn the more advanced stuff on their own. I will also make a more advanced react course right after!

[@reyu_]

hey just asking why I get error when I delete the index.css file and the other things u said unnecessary, I already followed step by step, Im using windows 11

[@slebnation2035]

Pedro you rock!

[@DalisYn]

Love your videos, I’ve learned so much

[@m.c.rodriguez28]

Great video. Thanks for sharing.

[@vaibhavsingh3453]

Your tutorial is really awesome ❤

[@elvispontes4165]

Thanks a lot for your tutorial man. I am learning a lot here!

[@mohsinabbas6975]

Thank you so much. For uploading the videos.

[@dreamcode1380]

Greate work sir pedro.. i dont skip ads while watching and learning from your tutorials :)

[@haleylearn]

Thank you so much about this course very helpful

[@hadijafari5631]

Great, I enjoy it, super easy to understand.

[@rogeclash2631]

Thanks thanks thanks, very clear video

[@autovlogs5126]

Please don't stop this course in mid make a full series with industry standard

[@dino_xy]

what kind of color theme are U using? looks cool :D great content btw. subscribed

[@nazim848]

He is using Dracula theme

[@Xeakerr]

What if a Component Props is getting changed at runtime like

[@PedroTechnologies]

If the prop value changes, the component will re-render to show the new value of the prop!

[@osuagwudanielndubueze5919]

please which extension will i install arrange codes in the perfect way

[@ИннаБогданова-к4щ]

Great work!

[@abdessamade6995]

I really love your content bro thank you for this fantastic tutorial

[@JJ-ot3ps]

hey pedro, this is good introuduction, but sometimes I find it is hard to understand/imagine when custom link act as a component as it is so abstract, for example, that may return ( .... ); }; can you explain how is custom link component work and mounted to UI?

[@poojakamble3643]

Hi pedro thankyou for teaching and taking so much efforts for us it means a lot , learning so much from your tutorials , Keep posting

[@AyanNeil]

Thanks a lot Pedro, putting so much effort and time into this excellent free course. By the way, may I ask what is the name of theme music your playing each end of your videos. it feels me so relaxing. Thank you

[@brajagopalmukherjee1588]

Attendance #01 Kindly teach Css also , Everytime struggle with making good ui

[@sharoonps4285]

Awesome tutorial 🎉

[@richardleungwoogabriel9317]

I NEED to know how you do your CSS please! what method or style do you use in your React programming. Thank you.

[@PedroTechnologies]

Episode 3 :)

[@milovanivanovic7662]

Nice course! Thanks👍

[@ikao777]

Hi Pedro, how are you? Im starting to watch all the playlist and i want to know if it still being the most recent version of React to learn? Thank you for the good videos and make this free! Um abraço.

[@PabloReviews]

I've noticed you can change the word props with "flower" (or other word you like) and it still works. Why?

[@PedroTechnologies]

Props is just a variable name to represent the data coming to the component. When you put props at the top, its just you definining the name of the argument of the functional component. You can call it whatever, but we usually call it props because thats the name of the concept

[@PabloReviews]

@@PedroTechnologies thank you Pedro!

[@safwanabdulrahman]

My GMS soft really electric and notNice tutorialng like a app. Any tips how to fix?

[@richardleungwoogabriel9317]

Please share what you do to style your react 18 applications

[@user-bm2cb3fj8t]

Thanks For Your Hard Work

[@adimishra3046]

Theme?

[@lakshithamadushan8218]

finally understood props😘

[@user-fg1vk2fs7k]

this tutorial is the real deal

[@Thinkerfre]

man u can teach much love

[@dimasnytin]

Great lesson

[@bilal5488]

Thankew❤️👍 love from #Pakistan

[@mobiedit4848]

Bro i am following you're course it is awesome 💕

[@PedroTechnologies]

Glad you enjoy it! Episode 3 coming thursday :)

[@arpityadav2551]

Bharosa tha mujhe ese chutiyape wali english Jhande per chaand wale bol sakte hai ...........

[@ayasabri5899]

great work, thank you for your effort

[@shoukathennadesigns5135]

If you would make a tutorial on how to integrate apis in reduxtoolkit in next js projects. Basically make a tutorial on next js project and use redux toolkit in that project and also use a backend api not fake apis.if you would make it ,it will b really helpful to me or may be for those who wants this video.😊😇

[@phillip6746]

Amazing content! The course is perfect for beginner. It's exactly what I was looking for! Can you please add a working Discord link?

[@Aishandme25]

different types of examples on propes please...

[@moreinfobelow]

If anyone could answer this question that would cure my insatiable thirst! in Ln13 - const User = (props) => { ... I was wondering why the object is renamed, or at least that's what Im understanding this line of code to be. Because, User.name still allows access to the same value, it seems unnecessary to rename the object right now. Im just starting out on React and js, let me know if this is just semantic code.

[@saurabhkr1139]

Great content 👍

[@yashaskumar5239]

Very helpful 🤍

[@a7medabdulshafi887]

You are awesome 🌷

[@PedroTechnologies]

Thank you! 😃

[@KarthikDances]

Functionapp() and user both are component ryt?