The Story of React

[@imusama]

why this guy is so underrated? Amazing humor ... also extraordinary explanation style. keep up the good work bro.

[@uidotdev]

Means a lot. Thank you!

[@miteshrocker]

He has a great newsletter as well called Bytes, which also has extraordinary style and amazing humour. Do try it out 😄

[@nechitagabrieldotro]

I think Tyler is not really flashy with his marketing compared to other educators, and I believe that he constantly undersells his teaching. The good thing is that he always overdelivers. I really dig his explanations and I really like how he manages to create a liniarity to his teaching, in such a way, that it's easy to deduce where things are going. Basically, he tries to organize things in such a manner, that it's easy for you to reason about taking certain decisions.

[@imusama]

@@miteshrocker subscribed :)

[@janduna4100]

​@@uidotdev Hi, honestly if you were to be consistent with your uploads I could easily see this as an equivalent to the fireship channel. Your SSR videos are amazing, have you considering doing SSR from scratch with AWS lambda architecture ? I feel like that could blow up. Everyone starts with a framework or some sort of boilerplate setup. No one dwells into how rather than having an express server to render routes you would implement an AWS api-gatewatey that routes to lambdas which render your pages. Tenks Jan

[@bawad]

I love React

[@sardorbekomonkulov6379]

Oh, man I thought you loved php. 😤

[@ivanjermakov]

I love Angular

[@michalcizek6785]

didnt know you were doing modeling :D

[@noroi_289]

Our true model

[@MadlipzMarathi]

Model

[@EddyVinck]

I laughed so hard when you showed the models and Ben Awad was there 😂 If only us other developers were as good looking 😢

[@uidotdev]

Smart, funny, beautiful - the man has it all.

[@lifeisstr4nge]

Ben (g)A(y)wad?

[@ph-startup-daily]

at first I thought it was not him so I just went like "meh that guy isn't a model" and then I saw your comment 😂

[@mianala]

True 🤣

[@disguysn]

"Backbone invented the Model-View-Controller pattern... that's a joke." I almost started a lengthy rant in that short pause.

[@uidotdev]

Fell right into my trap! Thanks for watching ❤️

[@ShadoFXPerino]

XSLT will rise again!!

[@SeanCassiere]

Almost spat out my water when the picture of Ben popped up

[@uidotdev]

Common reaction to the 🐐

[@TDefton]

Thanks for putting Ben as a model, you are definitely a professional web developer

[@uidotdev]

It was an obvious decision.

[@nickchapsas]

This channel is gonna explode harder than my apps when I write C++

[@uidotdev]

Hahahaha RIP

[@ArrigoLupori]

I agree with everyone else in the content section, this was an INCREDIBLE video. Goes to the point on a fascinating topic and doesn't add any unnecessary stuff. You can also tell the amount of research that went into it. Subbed and looking forward to the next one!

[@uidotdev]

Thank you Arrigo! That means a lot.

[@poxen2895]

I never planned to watch this video through, but within the first few seconds I was hooked! Before I knew it, I had watched it all! Great, entertaining and educational video, definitely deserves attention!

[@uidotdev]

So glad you enjoyed it!

[@garageagle]

I love seeing small channels with high production quality. Keep up the good work!

[@uidotdev]

Thank you ❤️

[@wcandillon]

This is 🔥Originally as a web developer, I was really excited that could get my HTML (JSX), JS, and CSS (CSS in JS) all under the same type of system (TypeScript). The component programming model is now used beyond the web platform, it is a testament to how elegant this model is.

[@uidotdev]

Thank you!

[@phantasyphotography3813]

love your react native videos

[@fintechtelugu6980]

Exactly I like this model to build one all -in -one component

[@vikumwijekoon3166]

Amazing video. Loved it. And also, React is the first and only widely adopted framework based on functional programming principles. As someone who's a huge fan of FP approach to coding, I really love the fact that React is opening up the eyes of programming world to the beauty of FP

[@uidotdev]

Great point! Glad you enjoyed the video.

[@cryp0g00n4]

Could u give me an example of how it does FP in the framework? As someone who has read about FP but know little about react, Id love to understand better.

[@Triyanox]

This is the first time I found your channel and I really enjoyed this video you deserve more exposure !!!!

[@uidotdev]

Means a lot. Thank you!

[@Kalazt]

Thank you algorithm for suggesting this fantastic piece of content. Thank you for doing these, I have had a need for web related essays. Please keep doing what you are doing, it is working. I especially appreciate your background work, it brings a lot of value to new and old devs alike

[@uidotdev]

Thank you for the kind words!

[@alexbrown7624]

Misko Hevery introducing AngularJS barefoot on-stage is an underrated power move

[@professor_ozzy]

This is one of the best channels for web developers. Your quality is really great, hands down.

[@uidotdev]

Thank you!

[@xtopy9145]

While watching this video I got the feeling I was watching a documentary. I really like your camera angles and how you transition between frames. I also like how easy sounding the pitch is with no need for any added music. Truly something I haven't seen in the youtube tech/webdev space : Documentary style explanation of everyday web tooling This is great, and I wish you continue producing awesome content like this. Thanks!

[@tefkah]

This is great, was sad to see the video end, would really love some longer for deep dices into the history of web dev things!

[@uidotdev]

Any longer and it would have killed me 😂. Lots more planned though. Thanks for watching!

[@tefkah]

@@uidotdev noooo don't get killed you're too cool haha

[@DarkOceanShark]

I am disappointed to see this video having very less views; this deserves more than a million. Thanks for the high quality video mate, you earned a sub!

[@uidotdev]

Thank you!

[@adriannagy7574]

Relax, this video only 10 minutes old! :D

[@bloodbrothers1313]

The video dropped 14 minutes ago...

[@jesser4221]

I mean true but the video just dropped...

[@uidotdev]

@@adriannagy7574 High expectations! 😂

[@Lambdaphile]

Man, you're truly doing the god's work :D Awesome concept, hope it gets popular!

[@uidotdev]

Thank you!

[@akshattamrakar9071]

Awesome video, please make more like this. Here are a few ideas. 1. Why so many people hate Angular 2+? 2. How Vue became popular? 3. Why Elm failed but Swelte succeeded? 4. Why flutter web will do down? 5. Will compile to wasm frameworks replace react ?

[@uidotdev]

Great ideas!

[@shfunky]

Elm vs Svelte sounds hella interesting, would love to see that 👌

[@markbond08]

Agree on the Elm content

[@it1shka]

Bc elm is a completely different pl, which makes you writing pure funtional code and actually has weird syntax And svelte is powered by js

[@gamechannel1271]

Angular 2 was too complicated and inflexible. You had to install all the Javascript written in the world to run a basic Angular 2 application, and learn a whole dictionary of framework specific concepts. The Angular module system specifically was atrocious. Vue was just a good medium between Angular and React. You could use it with a single script tag on the page and a few lines of code, but it also could be expanded to fit your needs.

[@questreal5812]

lmao ben awad in the models slide cracked me up

[@uidotdev]

facts tho

[@kcwidman]

These last 3 videos have been absolutely top notch! I think you’ve hit your stride man! Keep it ip

[@uidotdev]

Definitely feel like we're onto something. Thank you for the kind words and encouragement ❤

[@kylecorbelli5300]

fantastic videos my man. model ben had me laughing, the p90x reference had me subbing

[@uidotdev]

Ab Ripper X. Worst 15 minutes of your life. Thanks for subbing!

[@SCBarcaable]

After several months study HTML CSS JavaScript, today I decided to jump into React. This video is very explanatory this guy's voice makes me less fear about React. Thanks for the video!

[@uidotdev]

So glad to hear.

[@nom__sain2239]

Yo on top of the great explanation and everything, this is super well-edited. Kudos.

[@uidotdev]

Thank you!

[@saurabh75prakash]

Highly underrated channel.

[@FinnReinhardt]

Great content! You definitely earned my sub. I love your dry humour.

[@uidotdev]

Thank you. Welcome!

[@yovivideos]

This and the TS one were one of the best videos I've watched for a long time on any topic. Please make more. 🥰

[@uidotdev]

Thank you! That means a lot. Definitely more coming.

[@dailycsgoclip]

JUST WANTED TO SAY, THANK YOU FOR YOUR SERVICE AMAZING VIDEO DAMN

[@uidotdev]

YOURE WELCOME!

[@Kevin-jc1fx]

The quality of your content is improving so fast. I am so glad I subscribed. Keep up the great work.

[@uidotdev]

Thank you!

[@uniworkhorse]

I hardly know much about UI/UX development, but your explanations and delivery of info made this really easy to follow, even if I didn’t understand names such as “doms” and “mutations”. Great vid!

[@uidotdev]

So glad it was helpful. Thanks for watching!

[@OggerFN]

Waiting for Ben to point out 4:17 because we all know he will watch any video about react

[@tsp00n3000]

Loved seeing him there.

[@uidotdev]

🐐

[@yoJuicy]

I died😂

[@OggerFN]

@@yoJuicy rip 😭

[@riddixdan5572]

It's criminal how little views you have. Loving the content, and the visuals also look really great. altho your voice is a bit quiet, as if you are in a library, but I bet it will change to the better with experience. Either way, keep the content coming.

[@uidotdev]

Thank you! We're still fairly new to the YT game (taking it seriously, that is). So I think we'll start picking up soon. Also still fine tuning audio - thanks for the feedback!

[@johnr3936]

Memes are on point, great story telling. Subbed.

[@uidotdev]

Thank you!

[@rib_rob_personal]

Personally I started programming in C# with the unity game engine which uses a component system for every object. You code components and then add them to objects based on what you want them to do. Moving over to web development and learning how react works was fairly easy because it's a very similar concept.

[@uidotdev]

That's interesting. Thanks for watching!

[@ihtasham9237]

Same here with gamedev. I used godot instead and it was extremely similar to react due to its hierarchal node structure

[@justincapalbo6938]

Composition over inheritance!

[@ez3902]

For someone who has depression, 2:35 you definitely brought a huge burst of laughter to my face! 🤣🤣 Looking forward to more! Keep up the good work!

[@uidotdev]

So glad to hear. Thanks for watching!

[@ez3902]

@@uidotdev no problemo dear buddy! You're awesome!

[@fabhi]

Glad KZbin still lets us like videos. Great vid man

[@uidotdev]

Thank you! Glad you enjoyed it.

[@diegosepulveda8691]

I love your videos!!! please continue doing it. The way you explain it, from the deep of the knowledge, now i understand how things work

[@uidotdev]

Thank you! ❤️

[@Divertimento2]

Great video ! I would like to suggest that for future videos, you equalize the audio by reducing/cutting the low frequency sounds. Your voice is very soothing, but right now there is too much low end frequencies and it makes your voice sound very boomy and muddy and compromises speech intelligibility. Increasing the distance between your mouth and the microphone can also help with this problem as it reduces the overamplification of low end frequencies (due to the proximal effect of the mic). I believe that this would make your already excellent production quality even better :)

[@uidotdev]

Thanks for taking the time to write that up! We'll dial it in for next week.

[@andrewwhite6373]

Don't know if it would be worth the extra effort, but would be nice to have a "bibliography" with links to your sources (e.g. the lectures) in the description. Would help those of us wanting to dig deeper.

[@uidotdev]

Great suggestion. Thank you!

[@HamidKarzai]

I'd also like this

[@rand0mtv660]

I believe it also gained a lot of traction when Angular 2 came out and people were mad that migrating from Angular 1 to 2 required essentially a rewrite. I think few things really fell into place and it just gained enormous amount of traction and it seems like it's not slowing down. And regarding JSX, man ever since I've used JSX in a real project, I just didn't want to go back to HTML templating. There are some things I do dislike about React, but overall I believe it really shifted how we approach building UI and it still continues to push things forward.

[@uidotdev]

Thanks for watching!

[@sleepy_femboy0]

I remember being part of that group that disliked React, and so I created my own web framework, however I decided to give it another chance with another website I needed to make because I didn't feel like using the framework I created and started loving React. Many things that were complicated to write were now much simpler without any noticeable performance issues.

[@tosibinaronmurojegede4566]

How does one create his own framework?

[@sleepy_femboy0]

@@tosibinaronmurojegede4566 it's not simple, but you write the code that takes text, content, or other files as an input. Has a system that generates HTML that can be in the form of a static file or generated on the server. On the client side, you'll need to figure out how to handle events like user inputs, states from the server, etc. and have the website be able to react to them by making changes to the DOM.

[@tosibinaronmurojegede4566]

@@sleepy_femboy0 oh wow … sounds extremely complex… what did you do with the framework you created?

[@sleepy_femboy0]

@@tosibinaronmurojegede4566 I made some joke website, that I thought were funny. I used it for some class projects when I was in college as well.

[@ripplesr5655]

now THIS is something! Loved your channel!!

[@ThePacolicious]

This is really good content! I've shared a few of your videos across my dev team. Thanks for the awesome work!

[@uidotdev]

Thanks so much!

[@dgcp354]

where were you all my life? an amazing video with humor.

[@uidotdev]

Let the past be in the past. I'm here now.

[@dgcp354]

@@uidotdev this is why I always use the home page instead of subscriptions,

[@Gunnerzzzz]

Loved it mate. Felt like I was watching a slower, calmer Fireship video. Cheers

[@pawmeowzing2906]

more video like this please. I like the people with actual experience give a summary rather than those youtube give a summary base on their research. Maybe next video talk about which framework to choose.

[@uidotdev]

Thank you!

[@i.n860]

Love your contents!! Keep up the good work!

[@uidotdev]

Appreciate it!

[@MacyPruitt]

love this approach. great video!

[@uidotdev]

Glad you liked it!

[@Mixesha001]

Love this type of content !!!

[@uidotdev]

Glad you're enjoying it!

[@dhammikepiyumal3797]

Man, why didn't I find you earlier. I wasn't signed in when I watched this. But, signed in to give a sub to you. Great Work. Keep them coming!

[@donotthink]

Summed up the last 15 years of my life in 10 minutes! Loved it! :D Though I'm still very particular about how the HTML, JS, and CSS go together in that component. :P

[@uidotdev]

Thanks for watching!

[@unjinjang2234]

Thanks for amazing videos! This was really nice to watch ☺️🙇‍♂️

[@uidotdev]

You're welcome!

[@AsToNlele]

Great job, really enjoyed this

[@uidotdev]

Thanks a lot!

[@roulzhq]

Love it! I really enjoy web-dev videos that go a bit more in depth. Keep it up!

[@roulzhq]

I can really relate to the love/hate relationship with JSX btw. I used Vue and angular for years, needed to switch to react when I didn't really like it but now, after a year, I got to enjoy it a lot

[@uidotdev]

Thank you!

[@perkunas1242]

I’m not a web programmer, but still LOVED your video! This is the first one of yours I’ve come across, and instantly got me to subscribe. It’s super clean and polished. I’d love to see you make a couple videos for a bit of a wider programmer audience (e.g. not assuming we know what a dom node is or how react works). A little bit of explanation would’ve helped me follow along with the video better. Excited for your next video!!

[@lasindunuwanga5292]

Wow. You are crazy man. I can't believe I watched this for free. You are way too awesome bro

[@uidotdev]

Glad you enjoyed it!

[@Lifelightning]

Lmao Wes Bos's tweet at 0:25 "Just bought a fridge. Who knew appliances could be so sexy?"

[@uidotdev]

You found the easter egg!

[@sahilkamra4586]

Man your way of teaching is just so good. Please make some playlists on some latest technologies maybe like some courses. Thanks man.

[@uidotdev]

I have great news for you! ui.dev :)

[@voidmind]

React introduced me to immutability by showing me the benefits in predictability of my apps & easy of maintaining big code bases compared to jQuery. This got me interested in functional programming to see what other good lessons I could apply in Javascript. I have added pure functions and some functional composition to my tool belt since then.

[@uidotdev]

Exact same thing for me.

[@Bruno-bh8dm]

Amazing video. I was searching for some content like this. Thank you!

[@uidotdev]

Glad you enjoyed it!

[@johannes.evol.]

Please more of this!!😊 would also be awesome if you would make in-depth explanations on state management regarding react, the more tech side of the same story

[@uidotdev]

Great idea!

[@adityakadam2256]

Wow, that's such an amazing video. Thanks for creating it :) A small request, it would be great to have a video for Story of Vue.

[@uidotdev]

Glad you enjoyed it! Definitely want to have a Vue one some day too.

[@ragnarlothbrook8117]

I knew most of the things shown in this video but it was still hugely entertaining to watch. Please keep doing what you doing 👍🏻

[@uidotdev]

Glad you enjoyed it!

[@mamayiwe]

I subscribed for the humor. Great analysis of ReactJS

[@uidotdev]

Thank you!

[@anuraghazra4772]

Loving this new video format!

[@uidotdev]

Thank you!

[@joaomelo6642]

amazing video. sound production and valuable content. thanks.

[@uidotdev]

You're welcome!

[@iilugs]

Amazing content and animations! Liked the Ben Awad cameo :D!! Keep making videos However, the audio seems like it has some fluctuations

[@uidotdev]

Yeah we're still tuning our audio stuff. We'll figure it out next vid. Glad you enjoyed it!

[@DanielJustavino23]

Great video Tyler!

[@uidotdev]

Thank you!

[@_benjimouse_]

Thanks for this vid, I'm having to do a presentation to management and a bunch of BE devs on why we're moving to react. In order to explain it, I've gone into the history, but I don't feel what I've been saying is convincing. You raised points here which I think is what I'm missed conveying.

[@uidotdev]

Glad it was helpful!

[@nemoxxo]

that meme with the ruler mad me laugh, i have admittedly done this at some point in my time

[@uidotdev]

We've all been there.

[@serhiimamedov]

This video will have at least a million views. I've no doubt about that

[@uidotdev]

Appreciate the confidence! ❤️

[@jamieblair4336]

I love the added humor 😂😂 how could I not subscribe 😄

[@uidotdev]

Welcome!

[@mariana-lab]

oof this is delicious! Amazing work!! ✨

[@uidotdev]

Thank you! ❤️

[@ankk98]

This content is so genuine, deep and well presented. Keep doing the good work and this channel will be huge soon.

[@uidotdev]

Much appreciated!

[@거누권]

wow.. awesome video!! immediately and quickly pushed like button three time

[@sanesanyo]

Despite all the hatred for Facebook (now Meta), props to them for creating React. React has made me fall in love with Web Development which I never in my life thought I would.

[@uidotdev]

I agree. Thanks for watching!

[@p11v]

Relay/GraphQL, too. Amazing work. These guys are literally transforming the modern web app dev landscape.

[@qwertyuio53]

I'm a newbie, but what would happen to react if Meta were to die tomorrow?

[@uidotdev]

@@qwertyuio53 They'd probably spin it into its own foundation, like they did with GraphQL.

[@p11v]

@@qwertyuio53 react is open source, so not much would happen, except for development slowing down, because of the project shifting entirely to the community (meta will not be spending money and resources in react development any more).

[@dipsagungurung4553]

Loved the content . 10 min felt like 2 minutes haha... keep going bro

[@uidotdev]

So glad to hear. ❤️

[@Pyroo0]

4:16 "models" puts a picture of Ben Awad 🤣

[@uidotdev]

AM I WRONG?

[@Pyroo0]

@@uidotdev nope 😅

[@7hunderbird]

This helps me understand a lot of important react concepts. Than you very much.

[@uidotdev]

Glad it was helpful!

[@Reactiive]

What an amazing video! Thank you very much 🚀

[@uidotdev]

Glad you liked it!

[@IgnacioChavez]

Nice video. Btw, Remix feels like that new employee that joined the company only a couple months ago but is already changing the rules

[@uidotdev]

Definitely lots of hype behind it!

[@IgnacioChavez]

@@uidotdev That is definitely a good part of it. I wonder what would happen if you rolled it out with no hype. How long would it take to actually catch fire

[@uidotdev]

@@IgnacioChavez Too long according to the VCs!

[@abidrahim116]

4:17 *"MODELS"* * proceeds to display Ben Awad * well played 👏🏼👏🏼👏🏼

[@RyanJohnson]

I love this conceptual overview/history approach. Such a breath of fresh air after years of tutorial hell. 🙌

[@uidotdev]

Thank you!

[@RickyGarcia_Learning]

Keep it coming! With love from south jordan.

[@uidotdev]

Trying!

[@ericm97]

“In just 2,000 lines of code…” 1:41 😂😂😂😂😂 dead.

[@uidotdev]

😅

[@JulioWandekoken]

HAHAHAH I LOL'ed at the 4:18. Awesome stuff.

[@uidotdev]

Thank you!

[@TylerDurdenVibes]

This is a must watch to all, its answers why did we end up here, this is how we should learn, knowing that why did we even need it / what it solves. Kudos man !! Keep your content this way its very intresting

[@uidotdev]

Thanks so much!

[@Kngdmio]

The Wes Bos fridge quote had be absolutely rolling. Haha

[@uidotdev]

You found the Easter egg!

[@999fini]

youtube recommended literally struck me some gold

[@uidotdev]

LFG!

[@JoyofCodeDev]

Awesome! I I wonder why Honeypot never made a documentary on something as influential as React but I'm glad someone else did it because it deserves a story.

[@uidotdev]

Glad you enjoyed it!

[@ImranSheikh-kg4qd]

Great Video Brother

[@uidotdev]

Thanks for watching!

[@jel1951]

Bro these memes made my week

[@uidotdev]

☠️

[@keteremillpario]

Awesome video, it could be really cool if following this path you could hook this video to also explain the born of Vue and Svelte (maybe explaining the distinctions between virtual dom, shadow dom and the Svelte approach (that seems more jQuery oriented)

[@uidotdev]

Yeah that's a great idea.

[@spicynoodle7419]

I love how you included my boi Ben Awad

[@uidotdev]

🐐

[@carlosalba9690]

Earned another sub.

[@uidotdev]

Welcome!

[@a7zz]

Fascinating video, thank you 🙏🏽

[@uidotdev]

Glad you enjoyed it!

[@matibonaa]

Great video! So funny too. Keep going please!

[@uidotdev]

Thank you!

[@Diamonddrake]

React is brilliant. I’ve used dozens of frameworks but I keep coming back home to react.

[@uidotdev]

Thanks for watching!