Тёмный

Learn React with One Project - Tutorial 

Alvin the Programmer
Подписаться 15 тыс.
Просмотров 54 тыс.
50% 1

Trying to learn React? Do it with this guided project.
Code: github.com/Hey-Programmers/re...

Опубликовано:

 

16 июн 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 129   
@barracoder
@barracoder 3 года назад
As a professional UI developer coming from a desktop UI background but with Angular experience, congratulations on one of the best instruction videos I've ever seen. The audience are treated like adults, the visuals are clear and incisive, and the script didn't degenerate into toddler talk. Well done for knowing your audience. Where's Part 2 though? :)
@PaulnJenna
@PaulnJenna Год назад
Agree totally - amazing video...... Plus we need a part 2 lol
@nursultan7479
@nursultan7479 Год назад
Please continue to make videos, Alvin. Your teaching style is outstanding!
@Fonzinodendoe
@Fonzinodendoe 4 года назад
Yes! a simple and concise explanation. Thank you, Alvin.
@bbcwccccc
@bbcwccccc 3 года назад
this is nutty bro, you explained everything in an easy way to understand unlike the other code marathons.
@ashagross8323
@ashagross8323 3 года назад
Great tutorial! Excited about the next part! Thank you
@JR-yi5wb
@JR-yi5wb 3 года назад
this is a killer tut! one of the best ive seen on React so far.
@pasan6209
@pasan6209 3 года назад
Love this ! short and sweet but more content included than I expected ! subscribed ! :-)
@atmanvisual190
@atmanvisual190 2 года назад
That was gorgeous, Alvin. Thank you.
@mehmetemin5404
@mehmetemin5404 3 года назад
Amazing, quick and informative. you just got a new subscriber.
@Fivousix
@Fivousix 4 года назад
Really good tutorial! I wish I had this when I started learning React! Wouldn't have spent weeks trying to wrap my head around how it worked! Keep up the great work. =)
@ajiththiyar7609
@ajiththiyar7609 2 года назад
I really love your content Alvin, you simplify so many things, I'm very grateful. ❤️
@mrkhoros
@mrkhoros 4 года назад
This is actually surprisingly good.
@AhmedGamal-ka
@AhmedGamal-ka 2 года назад
Your way of explaining everything is outstanding, I really learned a lot from this video. Keep up the good work and looking forward to your next React project tutorial.
@gmail5817
@gmail5817 3 года назад
Much better than those tutorials coming in with more than 5h content but seriously difficult to follow. Yours straight to the point and gives enough information to get things going. Thank you!
@AlvintheProgrammer
@AlvintheProgrammer 3 года назад
Thanks for watching! -Alvin
@leeenah7011
@leeenah7011 3 года назад
Wow thanks for sharing! Will be subscribing for more React tutorials. Loved your quick explanation
@sriharshapamu
@sriharshapamu 2 года назад
Loved it. Looking forward to the second part ;)
@0the0ambient0
@0the0ambient0 4 года назад
As always, great tutorial.
@chamnil8666
@chamnil8666 3 года назад
WOW ,Truely amazing.I am going to watch it again.Thank you so much,you are so talented to put React like this ,in 43 minutes.
@lulusaikou221
@lulusaikou221 2 года назад
The best and friendly tutorial for beginner of react.I'm new to react and I've learned a lot from this video, thanks a lot Alvin!❤
@rahilsiddique6950
@rahilsiddique6950 2 года назад
thanks a lot !!! this is hands down one of the best react tutorial I have ever seen 🙌
@dfjones89
@dfjones89 3 года назад
I totally agree with the comments below; this is easily the best React tutorial I've found so far. Thanks for a great resource!
@dwanejohnson3772
@dwanejohnson3772 3 года назад
Dude, this was SO GOOD! Thank you!
@bernardoacheampong6149
@bernardoacheampong6149 3 года назад
Bro this was epic !!!!!!!! We need more from you ,Amazing !!!
@ILuvChocholate123
@ILuvChocholate123 3 года назад
Amazing tutorial! Thank you :D
@nabiha3358
@nabiha3358 3 года назад
Wow this is an amazing tutorial bro you explain things so well
@asyourlipslounge
@asyourlipslounge 2 года назад
More videos should follow this format. Kept the project simple but fun, explained the key concepts of components, states and hooks clearly. And the break-outs for showing typical code concepts in the command line were great mini lessons within the lesson. Great work!
@cimbraien
@cimbraien 2 года назад
love the detailed explanation! helped me understand react basic functionalities as a backend developer who have never touched any frontend stacks
@mprasanth18
@mprasanth18 Год назад
Thanks for giving us a great video 🎉 We need part 2.
@johnjackson229
@johnjackson229 2 года назад
Best walkthrough I've seen on RU-vid!!
@RomanKnav
@RomanKnav 2 года назад
wow making that was easier than I thought. Comes to show you shouldn't be overthinking when coding. Great job Alvin 👍
@Omar45
@Omar45 2 года назад
This is really amazing man, keep it up
@Tesla12322
@Tesla12322 2 года назад
Underrated project for beginners! Solid video!
@DAPROBLEM1000
@DAPROBLEM1000 2 года назад
Alvin this made it so simple to understand React, you're the best! Now it's just a waiting game for a part 2 (T-T'''
@SweetestTrade
@SweetestTrade 3 года назад
This was a helpful video! Please make more React videos!
@jasonliu9790
@jasonliu9790 2 года назад
I miss you, King. 🙌👑
@elmerperez724
@elmerperez724 3 года назад
You Are just the Best, Trust me that ive been around other channels and your channel is the best! and your explanations are just as easy as learn simple HTML and CSS! thanks so much
@hikingviking859
@hikingviking859 2 года назад
You’re an excellent teacher!
@alinamarasca2
@alinamarasca2 2 года назад
This video is the best about React for those who just start to learn & UNDERSTAND React. Thanks a lot!
@AjaySharma-jv6qn
@AjaySharma-jv6qn 3 года назад
Excellent Work.. Keep posting.. Thanks for your work.
@jerrywang3225
@jerrywang3225 Год назад
Very beginner friendly and explanation is crystal clear. I hope there will soon be a channel update for more content like this. Thanks.
@gunishjain9307
@gunishjain9307 Год назад
One of the best tutorial for the introduction to ReactJS. Crystal Clear to the Point, best for beginners who are starting out.
@sajjadkazi1806
@sajjadkazi1806 3 года назад
This is great, you really Broke down the Concepts well. { Thank You for Passing on Your Knowledge!!!!!}
@Sammorris207
@Sammorris207 3 года назад
This was really helpful! You made it really simple Thanks Alvin. Is there any continuation to this video where you explained how to edit the file names?
@ndjsj84
@ndjsj84 2 года назад
Great introduction to React!
@varindersingh-qv1fz
@varindersingh-qv1fz 3 года назад
Hey!!! I remember you from A/a course. Thanks for sharing this on RU-vid
@georgecoker1159
@georgecoker1159 3 года назад
After going through a thorough course on React covering ES Functions, React Fundamentals etc. Your tutorial i must say made everything seem so easy. Basic requirements: HTML, CSS......and.... Javascript....Javascript and Javascript. Thanks alot man!!!!!!
@abdremo
@abdremo 3 года назад
I love the way you teach man
@cycla
@cycla 2 года назад
hi Alvin, your teaching style's one of the best out there, I wanna watch everything you ever made. What is your main platform so I can get the latest?
@thatguy-sp9vv
@thatguy-sp9vv 3 года назад
Amazing video, please do more!
@TheAfreitag
@TheAfreitag 3 года назад
I've watched a couple of react tutorials and just couldn't grasp what was being taught. You really broke this down in an easy to consume medium. Fantastic work, I look forward to the next video :).
@khaibarkbee4443
@khaibarkbee4443 3 года назад
We need more form him!
@patricia7149
@patricia7149 3 года назад
Great tutorial! Thank you.
@kiratornator
@kiratornator 3 года назад
Thanks alot, very simple and to the point.
@oussamareghay7081
@oussamareghay7081 3 года назад
thank you for this Alvin for this greate tutorial !
@warriorstrend8544
@warriorstrend8544 3 года назад
Just Mind-Blowing !!! In a short time very much detailed :thumbsup:
@thecodingyoungster
@thecodingyoungster 3 года назад
👍
@juanguirao
@juanguirao 2 года назад
Hey Alvin, very nice! Thank you! I like your fast pace and after this video and the 30 min MERN challenge I went to look for more stuff in your videos and playlists, but there is only a JavaScript for beginners, which is too basic for me. I would definitely watch any videos or playlists you create on MERN, React, API, Node.js, Express, etc! (Also Python-Django and GraphQL but you may not be into that? ;)
@thecodingyoungster
@thecodingyoungster 3 года назад
Wow! You are so underrtated. I hope you will remember me when you are famous!
@mageshyt2550
@mageshyt2550 2 года назад
i love your hair style dude and i love 3000 your teaching
@sarthakpatipati2847
@sarthakpatipati2847 3 года назад
Best AppAcademy instructor ever. Please come back!
@MrAnofor
@MrAnofor 3 года назад
i liked how you stop and explain a javascript concept. thank you
@samuraiX33
@samuraiX33 2 года назад
Excellent stuff!
@romelmahmud6004
@romelmahmud6004 3 года назад
Hey man really good tutorial.. Please make some more about react and js
@HangNguyen-wu3fs
@HangNguyen-wu3fs 3 года назад
Wow I randomly clicked on this video. Didnt expect much but you are very good at teaching. Please do more video like this.
@AlvintheProgrammer
@AlvintheProgrammer 3 года назад
Glad to hear that you enjoyed it! Looking to learn more react?
@HangNguyen-wu3fs
@HangNguyen-wu3fs 3 года назад
@@AlvintheProgrammer absolutely. I'd love to learn more about design pattern and good practice when it comes to react :)
@nicopiersonful
@nicopiersonful 3 года назад
We need more, more, more. Good starting tutorial! How do we connect to a database, and other features?
@dragonspirit2808
@dragonspirit2808 3 года назад
My favorite React tutorial and I’ve watched so many. You have a great teaching style. But, I’m disappointed you are no longer posting videos. Hope to see you come back and do more of these.
@harshaabeyvickramaa
@harshaabeyvickramaa 2 года назад
Thank you ! this is awesome❤️❤️🔥
@kunliu9785
@kunliu9785 2 года назад
this was a really great lesson
@nafisatfaruk4064
@nafisatfaruk4064 3 года назад
This is very interesting. When is the second part coming out?
@mrwhosetheboss6876
@mrwhosetheboss6876 2 года назад
alvin is the best js tutor ever
@Chris-qg6kc
@Chris-qg6kc 3 года назад
Great work!
@80Vikram
@80Vikram 3 года назад
4 unlike are from Angular guys, awesome teaching style. Do you have any discord to discuss with others in this community ?
@sachetthapa6271
@sachetthapa6271 2 года назад
Amazing 🤯🔥🔥🔥
@CRAZYhunteeerr
@CRAZYhunteeerr 4 года назад
This is amazing and very high quality good job man I am starting react next week in school and this gets the new concepts into my brain before we dive deep into it! 3 questions 1. Is there anywhere else you are online I would deff follow your twitter and github! 2. What is your experience and inspiration for this project? 3. I have a habit of using double speech annotations instead of one because of my work with ruby on rails, will that hinder me down the line working with javascript? Like is there a reason that in javascript people use ' ' instead of " "? thank you for your time this channel will do very well!
@AlvintheProgrammer
@AlvintheProgrammer 4 года назад
Thanks! Glad to hear that you enjoyed it. Happy to chime in. 1. Here's my github: github.com/azablan 2. Todo lists are bit played out and I thought there were already solid beginner todo list tutorials. I also wanted a project that uses props.children and uses a component repeatedly to emphasize. 3. Single and double quotes are mostly the same, so it won't cause any issue. I just prefer single quotes. Having different quotation marks also allows us to easily use the other type as a char in a string, like "Alvin's hungry", or 'Alvin said, "I am hungry" '
@ricko13
@ricko13 3 года назад
I'm reading the comments before watching the video, seems good. I'll be updating after 43 minutes Ok here I am after 43 minutes, so far so good, I liked that he emphasized each time whether it was a javascript thing or a React thing like the Array destructuring shit.
@ActiveVitalityHub
@ActiveVitalityHub 3 года назад
You're a gem!
@bashful88
@bashful88 3 года назад
Great tutorial to begin. Good example to teach. Could have better if use a bigger font size in vs code.
@digigoliath
@digigoliath 3 года назад
Awesome!!! TQVM!!
@80Vikram
@80Vikram 3 года назад
Thanks for this awesome video, god bless you
@alexni3524
@alexni3524 2 года назад
very nice tutorial! Any news for part 2?
@pouic06
@pouic06 3 года назад
Good job man
@tonybengue
@tonybengue 2 года назад
Superb, thanks ;)
@Prim3MavericK
@Prim3MavericK 3 года назад
I figured out why i could follow along so easily. You sound like "Casually Explained" which ACTUALLY helps lmaoooo
@abdremo
@abdremo 3 года назад
That’s true
@creaky2436
@creaky2436 3 года назад
Hey man, thanks for this! I’m advanced at js and react is really starting to click for me now. By the way, what’s the shortcut to highlight and move multiple lines of code into other divs? I hate having to copy and paste or highlight and drag with the mouse.
@AlvintheProgrammer
@AlvintheProgrammer 3 года назад
Glad to hear you enjoyed it. If you are on mac it it will be option + up/down once you have highlighted a selection. For windows it's alt + up/down. Hope that helps! -Alvin
@mohammadmansouri593
@mohammadmansouri593 3 года назад
It was great good job
@uivuews1259
@uivuews1259 3 года назад
Great tutorial, no love for webp images haha
@97SEVRIN
@97SEVRIN 3 года назад
Thank god you are here.
@thisshonrobert7605
@thisshonrobert7605 Год назад
Very good explanation …where is the 2 nd prt mannn..?!!!
@lostepoh88
@lostepoh88 2 года назад
Great video..wish all the app academy videos were from you. I understand your lecture much better..lol
@blueTwl
@blueTwl 3 года назад
thanks for the tutorial. I have one question about the folder pressing. When you close the Music folder and then close the Desktop folder, then reopen the Desktop folder, then the Music folder is also opened. How can I keep the isOpen state for the Desktop separate from that of the Music folder?
@morganas.7745
@morganas.7745 3 года назад
Awesome!
@dabzbmg3197
@dabzbmg3197 3 года назад
thank you!
@ryuktimo6517
@ryuktimo6517 2 года назад
hey man we need part 2
@By_Brice
@By_Brice Год назад
Love the tutorial but would it be possible to zoom in on vs code so when watching on smaller devices like a phone or iPad it’s easier to see what going on
@abc00gh
@abc00gh 3 года назад
You are the best
@yahiahasan2722
@yahiahasan2722 3 года назад
thank you so much
@Sneezy_duck
@Sneezy_duck 3 года назад
awesome. thank u!
@AlvintheProgrammer
@AlvintheProgrammer 3 года назад
Glad to hear that you found it useful Caleb! -Alvin
@Aaron-sy5yx
@Aaron-sy5yx 2 года назад
This the good stuff
@fourlokouva
@fourlokouva 2 года назад
the app being built is a Tree Viewer App, similar to windows explorer
@daliborkozar870
@daliborkozar870 3 года назад
Simple project but even if I have a decent knowledge I learned something
@yodlike
@yodlike 4 года назад
thx homie
@willhenrygates1662
@willhenrygates1662 3 года назад
This man and his mp4 music lmao. Great tutorial though!
Далее
How To Learn React JS Fast
14:50
Просмотров 79 тыс.
Arigato !! 😂
00:11
Просмотров 3 млн
МЯСНОЙ ЦЕХ - Страшилки Minecraft
37:24
I loved solving this junior react interview challenge
26:02
Infinite Forest Problem | Advent of Code 2020 Day 3
17:04
Angular Crash Course
2:01:32
Просмотров 1,4 млн
React Todo App With Firebase v9 / CRUD Functionality
58:16
Arigato !! 😂
00:11
Просмотров 3 млн