React JS Tutorial For Beginners

[@1SquidBoy]

At class 40 in catch up crew and you got me a job a couple days ago. Without anki and covering the stuff you talked about in class and in the bank, I wouldn't have crushed the interview I got. Following your course made my salary jump nearly 2.5x from what it was when I started. I'm still determined to continue and finish the course and keep learning. Eternally blessed, eternally thankful, eternally community taught. Time to put in work in the get help channels and help other people get there too.

[@learnwithleon]

Whatt!! Let's Go! Congratulations!

[@leticiaespino7251]

Wow,wow,wow congrats Really happy to heard that I am in class 26. And you giving me a lot of hope to wake up today and keep.pushing and to know that the finish line is now visible. Thank you. 😊

[@makyiabonner5950]

Did you do the freelance as well?

[@1SquidBoy]

@@makyiabonner5950 I did everything he said to do. I build a website for my dad's business and I'm working with a non profit to keep their website updated. Once I get into bootstrap or another front end framework I'll probably try to pick up some more clients here and there for extra cash if I feel like it, but until then I'm chilling keeping the non profit's site updated.

[@makyiabonner5950]

@@1SquidBoy that’s dope, you used a template for your dad’s site or you designed it yourself

[@alexpettiford]

Just started working through your 100 Devs on KZbin and wanted to say thank you very much, you're a great teacher and a great personality with a good heart. Thank you from an Englishman living in Cambodia!

[@learnwithleon]

Hey! Glad you found us and thanks for putting in the work. See you on Discord!

[@mrsmarr3308]

Leon, you changed my life! Through 100Devs I got the practical experience and networking skills to get the equivalent of 2.5 promotions at my work. I was able to improve my and my husbands lives in under a year. It was a lot of hard work and some really tough days, but I managed my frustration, took breaks, took care of myself, and pushed through. This program REALLY WORKS!

[@learnwithleon]

Amazing! Thank you so much for sharing and for putting in all the hard work!

[@damipad4]

These thumbnails ARE BANGERS

[@Francois3k]

I agree

[@dominicasio4085]

Agreed! Thumbnail game is on point!

[@carole-anned.1423]

Word!

[@learnwithleon]

BANGERS ONLY! Thank you! It has been a lot fun working on them.

[@Sulsalogan]

Woo, it feels good to be here man! I started 100devs back in March 2024, but had to take a long break in April. Started back up towards the end of September, so I'm about 3 months invested so far. This is without a doubt the best place to learn software engineering on the internet. Thanks for all you do, Leon!

[@kristonburnstein]

I've been waiting for this one! I watched this live but raring to go for a re-watch! Thanks Leon!

[@learnwithleon]

Awesome, best of luck with the rewatch and thanks for watching live!

[@GDaemonn]

I started the journey few weeks ago and enjoying every minute of it Leon! Thank You so much for impacting my life in a very positive way already, as I have something to look forward too every day! Life has been kicking and keeping me on the knees for a while and I hope that coding will be my way out

[@learnwithleon]

Ay! Glad to have you and thank you for putting in the work.

[@instincdev]

I watched this class (and all the other classes 😄) live... and yes, I am watching it again!😂 I completed 100Devs in December 2022. This has been, and still is, one of the BEST experiences of my life! Leon is an amazing teacher and motivator. I found "my people" in the 100Devs community.

[@learnwithleon]

Thank you for the kind words (means a lot to hear these experiences) and thanks for putting in the work!

[@mattyk8980]

Read through the docs. They really are some of the best-written docs in the game!! This video is incredible as well.

[@tghhh19]

Thank you! This video came at the perfect time. I've been trying to get deeper into React and this is perfect. Thank you Leon.

[@learnwithleon]

Amazing, good luck! Make sure you ask questions on Discord if you get stuck!

[@Loldude223]

AMAZING!! ☄️🔥 This is the best intro I have come across.

[@learnwithleon]

Appreciate it, thank you!

[@zephyrpfeiffer224]

This is such a good break down of React. Thank you so much for putting this up! The thumbnails have been so good by the way!

[@learnwithleon]

Thank you and glad you like them! They have been a lot of fun to put together!

[@buzzcodez]

I'm currently at class 12. Just starting to learn JavaScript. I'm so excited to reach this part in the following months! Thanks Leon! We go get!

[@learnwithleon]

Congrats! See you back here soon!

[@elisabethwolden]

I am so excited to be here for this React class!!!

[@hubtiks]

The only React Tutorial you will ever need. Let's gooo!!!!!

[@AlexAnie-uz2nr]

Have been following your work for some time now. I just want to say your teaching style is so good. ❤

[@khristo532]

Thanks so much, Leon, this one came at the perfect time for me. Re-watching now and WILL add more cards to my react anki deck. Thanks again for all you do!

[@learnwithleon]

Woot! Love to hear you are adding to your anki deck! Thanks for putting in the work!

[@MaximConstantinou]

Bro has the best thumbnails I have ever seen and videos are bomb, why does this guy not have 1M subs yet?

[@learnwithleon]

Because I just upload VODs, once I am caught up and can post original stuff tailored for youtube it is over

[@joaco4ever11]

awesome Ive been waiting for this please keep them coming

[@Sfrisina24]

Looking forward to this re-watch! Thanks so much, Leon!

[@portfedh]

Thank you for all these clases Leon. Enjoying every bit of it!

[@kayteearr7712]

This is right about where life knocked me out of full participation. Time to start over. Thank you for all you do, Leon!

[@bornduringthemoment]

if you made it that you thers no need to start over. You're closer than you think

[@learnwithleon]

Glad to have you back and hope things are better! Check out the super reviews for some active recall and to see where you may need to start

[@gian1480]

On class 51 and still struggling on 8kyus and Anki just doesn't stick! Keep pushing? Advice? Feeling like I won't be ready at the end of it all. Thank you for everything, Leon.

[@learnwithleon]

With the 8kyus spend more time on the analysis. So, 20 mins max trying to solve and up to 40mins really understanding, retyping, deleting, doing it again. As for Anki, trust the algorithm and increase your new cards per day to min 100. If you are not reviewing enough cards soon enough, it loses its ability to help.

[@robinherzig1294]

20:38 What was the twist to MVC? This isn't ringing any bells.

[@learnwithleon]

MVVC (Model view viewmodel controller)

[@ASMR_glitch]

Great intro to React!

[@learnwithleon]

Thank you!

[@h3rrpie373]

Thanks for this Leon, I've been pushing into React for the past month so this is super helpful. :)

[@learnwithleon]

Awesome, best of luck! You got this!

[@ikharopaul7870]

Awesome Loen, we don't get got, we go get. Let's react

[@learnwithleon]

#WeGoGet

[@walidelharrachi9121]

Best bootcamp ever! Thank you Leon.

[@learnwithleon]

Appreciate it! Thanks for putting in the work!

[@parkerduncan3241]

Leon and the 100Devs community helped me land the best job I've ever had, these resources are truly inspiring and life changing for so many people. Watching this and thinking of where I was this time last year compared to where I am now is genuinely mind blowing! Thank you Leon and thank you 100Devs. I look forward to seeing the celebrations channel light up this year! 🎉🎉🎉

[@learnwithleon]

Woah! Thank you for sharing and putting in the work! Hope the job is going well!

[@ernstt1616]

Leon in the Zaza metaverse on the thumbnail. Go 100Devs 🔥🔥

[@learnwithleon]

Lol - let's go!

[@ernstt1616]

@@learnwithleon 😆 Thank you for being you.

[@michaelrandazzo1957]

This is great. I've been following along pretty well, but I either forgot or missed this. I am really having a hard time with React and think I'll have a real boost of confidence if I can understand it better. Thanks!

[@xXxBo5sANaCxXx]

Wish there were more in-depth videos on react

[@RandomCnR]

Man I've been trying to get in touch with ya, on your Bob coder resume template you have listed software engineer at 100devs so my question is if I'm not part of 100devs (not in any houses) but still watch all your videos and build stuff can I still write it or modify it like "remote job" or remote boot camp ?

[@learnwithleon]

I would only add it if you are completing the training program as it may cause you issues once you start applying. Feel free to move it to education though. Also, why not complete the program if you are watching all the videos?

[@jrawlings3100]

I've just gone through the initial steps to join 100Devs outlined in Discord. I'm beginning my coding journey by going through the cohort from last year, as is my partner. We're both excited, nervous, but so happy that you seem to be such an excellent, empathetic instructor who knows their sh*t. Thank you for making opportunities like this possibly not only for the poors like ourselves, but also to Black, Brown, & Indigenous individuals- it's one of the reasons I chose your program above several other free coding platforms: your expertise and your values

[@learnwithleon]

Appreciate the kind words! Best of luck and I'll see you on Discord when you get stuck!

[@jrawlings3100]

@@learnwithleon being that we are coming into this with zero background, I'm sure you'll hear from us plenty 💀 Thank you.

[@mlntdtechbae]

I'm finally diving into React, so I had to start here first!

[@KawoskiKoh]

This youtube video is the best way to learn react period

[@learnwithleon]

Ayyee, appreciate it!

[@EduardoSanchezDev]

I've never seen a better react video.

[@learnwithleon]

Woah, thank you!

[@christophermyers6372]

Still only on class#7, I know I shouldn't skip ahead buuuuuuuuuuut going to listen in and let it simmer while I work my way thru previous classes. Not at my computer anyways.

[@learnwithleon]

Listen to our how to get a job classes instead :) Those will have the greatest ROI on passive listening. Good luck with class 7!

[@christophermyers6372]

@@learnwithleon Thank you very much for the advice, and saw the tweet about 2023s 100Devs. Thank you for all the hard work that you are doing and please make sure to take care of yourself and your teammates, we don't want a burn out from anyone.

[@alexliebhaber3109]

Love the take on the react logo.

[@learnwithleon]

This AI is getting out of hand :)

[@NomanBinBasheer]

Any updates about 100Devs Agency stuff?

[@learnwithleon]

Soon!

[@NomanBinBasheer]

@@learnwithleon can't wait for it and i am sooo excited. It could literally change lives of people from these developing countries.

[@evgeniik_]

The best, thank you, Leon.

[@learnwithleon]

Welcome!

[@onefortythirdfilms]

This is super helpful. Thank you!!!

[@learnwithleon]

Glad it was helpful!

[@tcdr5727]

Amazing content, thank you!

[@learnwithleon]

My pleasure!

[@dannymartinez9932]

Hey @Leon I think what you do here is awesome I am pretty new and I been trying to follow along. where can I get the notes and when is the next LIVE class happening? I hope I can keep up with you.

[@learnwithleon]

Read through leonnoel.com/100devs and then everything is shared on discord.gg/100devs

[@Benie-s8q]

Which class is this ?

[@ajassharafudeen]

First of all, I thank God Almighty for giving me the opportunity to find this platform. Leon is the living definition of a MENTOR. While I tried for the past 6 years to learn code and given up each time, 100devs and Leon's approach in teaching how to code and how to network, pulled me up from the trench of despair and disappointment. This is it folks, this is your destination for learning code.

[@olatunjiabayomi5945]

Kudos! If i may ask, why are you using class component in this present day when people are advised to dump it ?

[@learnwithleon]

Because I'm a baddie and I write bad code, but really because I want folx to see both, I think they are a little easier to explain, a lot of my students first job is converting them, and the homework covers functional components in a lot of depth.

[@shonen78]

Heya Leon! Is there going to be another live cohort this year?

[@learnwithleon]

Hope so, but will depend on the community!

[@alexBaldman]

Leon just curious what your process is for creating the thumbnails I’m guessing you’re using Midjourney or DALL-E in some form using a seed image of yourself, but just curious what your process is with that from start to finish if you wouldn’t mind sharing? Thanks for all you do sir, admirable and inspiring fella you are ;)

[@learnwithleon]

Lensa for pics of me, midjourney for other art, photoshop to clean stuff up, and canva to put it all together - having a lot of fun with them!

[@pratyushpahari4128]

Hello Leon !!! I recently know about #100 Devs from twitter and came to your channel, here I saw that there are two playlists of Software Engineering bootcamp, can you please guide me from where I should start my learning and get an internship or freelance project asap ??

[@HellloBianca]

I love this program!

[@learnwithleon]

Appreciate it! Thanks for putting in the work!

[@chrisrussell4635]

Catchup Crew (47) jumping ahead to see React and now just starting to move my 100hr project from EJS to React as that is frequently mentioned in job descriptions in my local area. I'm in San Diego, any chance we will start local area meetups? Is that part of the gameplan moving forward or something yo have considered?

[@learnwithleon]

Was one the top asks during the three question survey. Will be testing them soon and hopefully helping folx organize in the near future

[@Reneeeeee788]

Are do you still go live on Twitch every Tuesday and Thursday? Can I still use the discord to land a job in software development? If so how do you recommend that I start?

[@learnwithleon]

Hey, we are on a break, but go live on Discord about once a week. I recommend checking out leonnoel.com/100devs and joining our #catchupcrew on Discord. Plenty of folx starting every day! Also, start with class01 in our cohort 2 playlist. See you on Discord!

[@MrZealot11]

Hey Leon! First off, thank you so much for giving us this opportunity. I currently work in an auto manufacturing facility. I've been a technician in maintenance working on the equipment for the last 10 years. I frequently have to program the PLC's and robots which use ladder logic type programming. Do you think this will help me when the time comes for me to begin applying? I feel like it has helped me a ton in the basics we've covered in Javascript so far. I'm only on the super review after class 16. I'm sorry the post is so long lol! Thanks again Leon!

[@learnwithleon]

Absolutely, it will give you a strong transition story and some great things to bring up during interviews!

[@anlbasaran8206]

49 done, 5 to go, less go

[@khetarpalabhinav]

Around which class should I start coding my 100 hours project?

[@learnwithleon]

As soon as we mention it in class, but really you could start after class one... Start with HTML / CSS and as you learn more you can always add to it

[@theofficeguy543]

Hey Leon, with all tech layoffs happening, is it still a good time to get into web development?

[@learnwithleon]

Yes, check our celebrations channel and my twitter to see folx getting jobs literally every day. FAANG layoffs won't be impacting your local job search unless you live in the bay

[@islamicsolution5618]

Great sir 👌 thanks

[@learnwithleon]

Your welcome!

[@ColonialN7]

Sick Thumbnail!!

[@learnwithleon]

Thank you!

[@JesacaSLin]

I was wondering if the 30K+ members of 100Devs would comment, then you'll have a situation on your hands! haha My question: What is the best way to say your strength/weakness when asked in an interview? I was told to focus weakness to tech ("I sometimes get curious about new technologies and can spread myself too thin when learning them." ) rather than a behavioral weakness right?

[@learnwithleon]

Either work, but the question is a lay up to show a growth mindset. I love this coursera break down: www.coursera.org/articles/strengths-and-weaknesses-interview both their Fear of public speaking and not know a specific language are spot on! Always show growth and why you are better because of the original weakness. Most importantly don't just snitch on yourself without a positive ending

[@supersaiyangoku11219]

Hey Leon, I actually had to stop mid cohort , around the last few lectures, and was struggling with my 100hours project. I was struggling so hard with EJS and other stuff, and felt so lost and defeated and took a break from it all, Should I go back to zero and start learning all over again and maybe fill some gaps in my knowledge? Or pick back where I left off , or pick any random class that I feel like I was struggling and watch your lectures and code again from there? Not sure if all that made sense but basically I struggled at times but Yea I am still very hungry to make it, and hope I can be guided in some way.

[@learnwithleon]

Start with the super reviews. If you feel good after those, pick back up where you left off. If not go back to where you feel most comfortable and take your time from there / ask a metric ton of questions on Discord. Good luck! You got this!

[@THEZIHAD]

Awesome!!

[@learnwithleon]

Thanks!

[@tenamsb686]

Hi Leon!! 😄 Great day!! 😄

[@learnwithleon]

Great day indeed!

[@emmanuelrising4917]

Ever since the break I've been behind and have had issues with consistency. Being live created some amount of "pressure" to stay current but now I'm really struggling with attention issues and actually committing the time to get back in to it, especially since I was so close. What would you suggest? I really want this but can't seem to get out of my hole.

[@learnwithleon]

Throw this in the #catchupcrew and see if folx want to do a regular watch party with you or join one of the ones already going

[@stacyl9777]

Thank you for the React video. I struggle with vanilla javascript/codewars, but when I watch React videos I can follow the javascript logic. Any advice?

[@learnwithleon]

20 minute rule. Don't spend more than 20 mins solving a codewars, but then spend up to 40mins reviewing the solution, understanding all its pieces, retyping, and adding the key points to your anki. Do this daily + reviewing your anki and sticking to the same types of problems ex. all arrays and you will see improvement. Also, please ask for help on Discord if you get stuck on anything!

[@jackmonaco4503]

A BANGER

[@learnwithleon]

BANGERS ONLY!

[@mattvail5301]

Just asking a question here for the algorithm. algo, you there?

[@learnwithleon]

IT IS ME ALGORITTTTHHHHMMMMMM!

[@charliegunthers]

What do you think a roadmap would look like for someone who is interested in a job as a react developer? Do they only need to know react, or would they benefit from also adding other stuff to their toolbelt like Next.js? And how deep does someone need to know react before they are ready to start job hunting? Thanks :)

[@learnwithleon]

Getting an entry level job has almost nothing to do with just your coding skills. You could know the basics of react, build something cool, and get a job if everything needed was in order. Watch our how to get a job class, but networking your way in, BANKI (interview questions memorized), code challenges every day, 100 Hours project, good online presence that passes the sniff test and a few other key things

[@kiwim22]

I'm trying to merge the BUB code into a HTML5 UP template but it's not displaying correctly. Do you have any tips on what to look out for when merging the two?

[@learnwithleon]

What do you mean by not displaying correctly? As in the content is not showing up or the styling has been impacted? If it is not showing up, then double check your ejs files. If not styled correctly, make sure your copied over the css and that you are not being impacted by the cascaded. Use the inspect tool to be sure and jump on Discord if you are still having trouble. Good Luck!

[@genaropuido9175]

did you make the thumbnail with AI?

[@learnwithleon]

YUPPPP

[@khetarpalabhinav]

A big thumbs up for Papa Noel :)

[@learnwithleon]

Ha, thanks

[@justyummies6436]

Leon, how do I become cool like you?

[@learnwithleon]

Networking, Code Challenge, and BANKI every day

[@CesarD321]

Nice!

[@learnwithleon]

Sweeeettt!!!

[@jsoncarr]

If Leon has million number of fans i am one of them. if Leon has ten fans i am one of them. if Leon have only one fan and that is me. if Leon has no fans, that means i am no more on the earth. if world against the Leon, i am against the world.

[@wawiesilvia8606]

I love this saying... Has he started 100dev already or not yet, am a bit confused anyway

[@learnwithleon]

Ha, appreciate the kind words and dig the user name :)

[@learnwithleon]

Yep, our second cohort just completed, but people join our catchupcrew every day. leonnoel.com/100devs and our discord has everything

[@yusuftamale4134]

hey leon from uganda just got to know about the channel am starting to throught all the classes but am finding trouble joining the discord and i need to be apart of the community please somebody help me here this is all have been looking for....... thank you very much in advance

[@learnwithleon]

What trouble are you having joining?

[@scultzdrain9486]

Leon? Can the next cohort have developer swags labeled with 100Devs (like laptop stickers with the 100Devs logo) for top 10 or 20 people who complete the entire program with a perfect score? Hehe..

[@emmanuelrising4917]

Also, I've been discouraged by the "doom and gloomers" ringing the alarm bells about ChatGPT eventually taking tech jobs out of the job market. Thoughts on that?

[@learnwithleon]

ChatGPT is an amazing tool on your toolbelt. It can improve your work flow and make you a better engineer, but it can't write production code, maintain that code, or work collaboratively with a large team of developers. I find most folx spewing this idea really have no idea what devs actually do day to day... Also, by the time it takes dev jobs it will have destroyed so many other industries that we'll either have UBI or an apocalyptic hellscape. If you are worried about ChatGPT I suggest stocking up on surplus food and water

[@islamicsolution5618]

Sir you start 3hours before but I didn't get any messages or email please

[@learnwithleon]

This was not a live class. This is the VOD from our previous live class. So you did not miss anything :)

[@islamicsolution5618]

@@learnwithleon thanks sir Leon Noel my Allah give you long life with your family.

[@islamicsolution5618]

@@learnwithleon sir I have one question that AI can make a beautiful website for clients but there is still it is important to learn html, CSS and JavaScript please let me know.

[@arvindjain7295]

The best !!

[@learnwithleon]

thank you!

[@jesseemana9598]

🔥🔥🔥🔥

[@learnwithleon]

🔥

[@yusuftamale4134]

hey can any one share with me the template i have failed to get the resources from discord m new to coding any help will be appreciated am just starting the 100devs thank you

[@learnwithleon]

Which template?

[@oliviakasselain3562]

leon how do I not feel stupid on the job😭

[@learnwithleon]

Wait that goes away... I find it best to talk with my team and bluntly ask if they are okay with you asking a lot of questions even some that may be "stupid". If they agree, that takes a lot of pressure off your shoulders and as long as you are not asking the same questions multiple times you should be in the clear. Then set clear expectations with your manager. What is going to be accomplished in 3/6/12 months and work hard to meet those goals. If you are meeting your goals, learning, asking questions regularly you will slowly get more comfortable and feel better. BUT KNOW EVERY DEVELOPER feels this way all through out their careers esp when learn something new. Trust that you know how to learn and things will get better!

[@landrover827]

🎉🎉🎉

[@spongedudeZ]

Hey, does this work?

[@learnwithleon]

YYYYYYUUUUUUUUUHHHHHHHH

[@fry3981]

Lets go!

[@learnwithleon]

LETS GO!!!

[@dywa_varaprasad]

It's time to "React" with ❤️❤️

[@learnwithleon]

❤️

[@ibizawavey8630]

Total noob, if I just learn React JS, will I be able to get a job? if not, what other language goes together with this? Just give it to me raw. I want to commit my time and energy to something where I can get a job right away. Thank you so much guys!

[@robinherzig1294]

As far as learning React, it depends on your background. It builds on HTML, CSS, and JavaScript so it'll be much easier if you have a solid foundation in those. In terms of getting a job, it's possible but how long it might take depends on where you're located.

[@learnwithleon]

I would recommend taking a look at our cohort2 playlist and leonnoel.com/100devs Our program is designed to take anyone from zero to employed and covers everything you need. Also, getting an entry level job has almost nothing to do with just your coding skills. You could know the basics of react, build something cool, and get a job if everything needed was in order. Watch our how to get a job class, but networking your way in, BANKI (interview questions memorized), code challenges every day, 100 Hours project, good online presence that passes the sniff test and a few other key things

[@josephkeepers8008]

58!

[@lordcoco_]

Lol this thumbnail is incredible. AI??

[@learnwithleon]

AI ALL THE THINGS!

[@TheCuriousLifeOfCode]

[@learnwithleon]

Wait... how did you do the fancy goat?

[@genaropuido9175]

KZbin engagement

[@learnwithleon]

Lol

[@orion.5611]

ayy, lets goo

[@learnwithleon]

Let's Go!

[@23rdTHEOREM]

Binary Upload Boom! BUB!!!!!

[@learnwithleon]

Let's Go!!!

[@nhiluong7340]

hello

[@learnwithleon]

Hi 👋🏽

[@mavs4life248]

August 2024

[@CarolWright-w9z]

that was a waste of my data

[@ennis983]

when 2023 batch is going to start

[@learnwithleon]

No set date yet, will depend on the community!