React in 100 Seconds

[@Fireship]

Also checkout *Vue.js in 100 Seconds* kzbin.info/www/bejne/pJmlh39qZpKSedk and stay tuned for a JS "framework" video tomorrow :)

[@gddeufedhfezr1224]

Redux in 100 sec. ?

[@migueldomingos4570]

Amazing video as always. Bwt where is the video about React & Firebase

[@hr_hridoy]

Angular in 100 seconds plz

[@user72974]

@@hr_hridoy Is that possible though?

[@mohammadtalha2336]

Ok staying tuned.

[@rahulshah291]

Interviewer: How long have you been working on React? Me: 100 seconds

[@The-Dev-Ninja]

@Akshit me: 128 seconds😅

[@jcw5611]

Dude I just get hired and I just studied 3 weeks React 😅, but I have good fundaments with JS and now I'm working with Angular, but in the future they told me that I'll be the leader if we need work with React

[@craigdaurizio686]

@@jcw5611 Holy crap that's awesome! Congratulations!

[@s3by493]

Interviewer: Unfortunately you are overqualified for this position.

[@viv1902]

​@@jcw5611 bro I have to learn react quickly, can you please share resources you used.

[@roshkarizma9255]

I went to bathroom with my phone and came out as a react developer. Thanks man for making my life easy 😎

[@ammartahir5871]

Same here listened to whole video there

[@dopamine_Seeker]

Cool 😎

[@mathiskirchner]

Same

[@dgeneral12]

Ur a legend bro😂

[@retroclassic9934]

Same😂

[@mohammedalkhateem]

me: watches react in 100 seconds video also me: adds react developer to cv

[@gagandeepsingh4236]

lmao

[@jimhalpert9803]

Ez

[@pratikjagtap7413]

Lol 😂😂

[@abdulnafay72]

Lol

[@The-Dev-Ninja]

@@nick-on3rk *128 seconds😅

[@martinsalamanco6595]

Next: The whole Linux source code in 0.006 seconds

[@igorordecha]

"it somehow works"

[@martinsalamanco6595]

you liked the comment, might as well subscribe to my channel

[@DominioSantos]

@@igorordecha Linus: "it somehow works because it works all at once, in a single working-thingie, instead of working in micro-thingies and I'm right, you are wrong, case closed."

[@igorordecha]

@@martinsalamanco6595 no

[@tiktokhaven6059]

POSIX in 100 seconds

[@prism1843]

"It's so easy a caveman could do it." Well I don't know what I am anymore.

[@THOTHO-ie5lz]

love this 100 sec format. We should have more of this type of micro-clip to explain concepts other than someone simply mumble out the formal definition while typing some codes. please produce more of this!!!

[@bobba0385]

Tiktok

[@dinofish3262]

This aged well

[@DalexHD]

React will "react" to changes. That is the cleaner explanation of what react does. 😉

[@TheoParis]

🤣

[@mediocre7199]

That was easy to understand rather than watching a long journey tutorial, lol

[@stivenBermeo]

I don't get that part :thinking_face:, Haven't work with React but if its name is because of that behavior, well, it kinda sucks, isn't that called value binding or something like that ?, Angular has that same functionality. (I'm not saying that React and Angular are the same, I'm only talking about that behavior.)

[@jordanski5421]

@@stivenBermeo You can achieve everything these frameworks do with native javascript so it's likely that these frameworks are both using similar methods to pass data into the view and in my opinion I think you should at least have the knowledge to mimic their functionality naively before you start to use them.

[@awekeningbro1207]

unfortunately this is false because react is not "reactive"

[@yankomirov4290]

I reacted in less than 5 seconds to open this video. hehe

[@Fireship]

Gold medal for you 🥇

[@yankomirov4290]

@@Fireship that's my greatest achievement so far

[@tsukuyomin]

As soon as I opened the video, I scrolled down to the comments to write this exact comment. I see I'm not alone tho.

[@nsambataufeeq1748]

Hehe me too

[@nikhilm103]

Haha same

[@RamoFX]

In 100 seconds you can explain more than other one-hour tutorials. Awesome skill!

[@absurdemtiefer1950]

He just doesn't treat his audience like Idiots

[@arielp7582]

​@@absurdemtiefer1950That's just a misinterpretation of "he explains what you need to know and cuts out all the bullshit."

[@briandesign]

So does this mean i can apply to Facebook now after watching this?

[@Fireship]

Congrats, you're an officially certified React developer 🌟

[@developerninja619]

Fireship courses in a nutshell

[@okbrk]

Next CEO of Facebook

[@migueldomingos4570]

@@okbrk Not that it seems likely that zuck will leave facebook

[@anmolpatel793]

In your dreams maybe they don't take anyone below native developer

[@detaaditya6237]

React is so flexible you can choose whether to use JavaScript or TypeScript. Plus, the JSX syntax is just JS with superpowers instead of HTML with superpowers. This way we can avoid the complexity of templating language and fully use JS's power

[@Konyad]

You described every javascript framework

[@thatsalot3577]

Good luck with server side rendering

[@Dev-Siri]

​@@thatsalot3577 next

[@hikolanikola8775]

Ok here are a list of reasons why React.js is bad. 1)Web components exist in pure vanila javascript without any external library or framework and react is literally abusing those to promote their own product. And thats because developers lack of core JavaScript knowledge 2)Piles of junk, if you gave it some effort you would realize that actually creating your own framework for custom web componenets will be much more performance friendly and easier to maintain with no extra 90% of junk coming along with React. 3)Bad data manipulation being handled by third library’s like redux makes it even heavier and harder to use ,unlike JS global object - or session storages. 4)The syntax is terrible, it’s like learning new javascript and new CSS and new HTML. starting with inline styles to little different things like onClick, that makes it hard to remember those small changes. 5(they say its good because its components are modular?!) No one ever uses the same element arrangement and styles/animations in any serious design, so you end up with piles of files and importing/exporting and at the end of the day you end up creating a totally new component that suits your design. The list goes on and on, but i cant write any more…

[@chrishayes5755]

I'll just get AI to make it for me. complexity doesn't matter anymore lol.

[@bdotsamir]

right on time, as always. started checking out react two days ago and here’s a fireship video on it. insane.

[@osamagamal495]

You summed up what I've learned in 100 days in just 100 seconds! this is the clearest explanation of React on the whole f'n internet!

[@thriftykapila8420]

Next : Next Js in detail please🙏🏼🙏🏼🙏🏼

[@Fireship]

I've been experimenting with some Next / Firebase stuff. That video will happen eventually.

[@thriftykapila8420]

@@Fireship much waited by your many fans, thanks a lot, also a little heart from you will gimme better sleep😅😅

[@CompactStar]

100 likes

[@doesitreallymatterthough-n4t]

Dude, I've been using react for quite some time now and always had trouble with props. You just explained it in like 10 seconds and it just clicked. I understand it now. Your channel is the best thing that happened to developers in years. Thank you!

[@gcash49]

what

[@davidhawk5218]

the

[@wobsoriano]

frack

[@aveonhx]

just

[@HelluGoes]

happened

[@timlind3129]

Nice job... amazing how much quality information can be delivered in a clear, concise and short period of time.

[@muhajir1427]

I'm not a programmer and I have no idea what I just watch

[@kaanozk]

You are not a programmer... For now.

[@Leopold-stuff]

real

[@Leopold-stuff]

😭😭 lmao

[@virtualvoyageeeee]

😂😂😂😂

[@kaanozk]

@@muhajir1427 See you in 5-10y, when you discover programming, fall for the programmers dream trap, try to learn everything up to the react library, just to recordnise you are 5-10 years to late, so U have to update your knowledge for tomorrows knowledge, just to discover that you needed 3 years of experience and +500 applications, therefore you cry in the corner and Our wish you never started to Programm. Wanna enter this rapid hole? Don't tell me later I didn't warn you. Best case scenario: after the bubble explodes and new technology arrives, you may accidentally get an entry level job

[@BenKnisley]

This was a better introduction than the 4 hour intro of the 48 hour React course I am working through.

[@codewithsaj9270]

If I had seen this video 1 month earlier then I would not have understood a thing but after learning react js for 1 month now I can understand things like (props, conditional rendering, useState hook and many other hooks). Nice video

[@eternalincantation]

amazing how you compress and still make it look easy, practical, professional

[@umangmishra7241]

Instructions unclear: accidentally learned Angular.

[@asandax6]

🤔 I want to learn Angular but I find learning Javascript tiring how good is Angular Dart?

[@Israel220500]

@@asandax6 Angular uses Typescript now, which I think can be similar to Dart if you don't use any dynamic stuff from JavaScript.

[@doxed64]

sin

[@ko-Daegu]

@@Israel220500 Don’t wanted to learn JS ended learning C Wanted to jump into it Ended learning Assembly (x86_64 Intel Ans AMD) Wanted now to learn JS , but nah learnt Java What about now Nah learnt hella Tom of python stuff Ok now Nope C++ Now nope C# Ok plz for god sake wanna learn JS Naaaah buddy Rust I been trying for ever to learn JS but I just can’t I don’t Know it’s the word hardest Lang

[@jangriesel5056]

Yes please - this is the kind of tutorials i can stay awake for the "whole" tutorial.

[@meFawadIqbal]

HAHA

[@ricko13]

This is not a tutorial lol

[@jagajeetkuppala]

@@ricko13 this is indeed a tutorial 🤯

[@LettuceBunnies]

lmao tutorial to do what... this is not a tutorial

[@rupavagetsitdone]

i chose react as a js library for building an interactive ui and its my first time ever doing anything meaningful with js, since i was going nowhere with tutorials i decided to see a 100 secs video. been the best help to get things started

[@louiejohannesen9810]

I’ve been waiting so long for this episode. I just love your style. Thanks.

[@christopherkemsley4758]

This was a fantastic video! Thank you! Very to the point with no fluff or an unnecessarily-long intro. I now have a really good feel for where I need to go next. Thanks again!

[@Zeka00]

NodeJS in 100 seconds please, This video is fire🔥.

[@khasbullahzakin]

Very helpful, even though i already use react many times. But in 100 seconds, this is marvelous. Thanks man 👍.

[@Becomindful]

On point. No one can explain it better in 2 minutes

[@Kawaiivee]

I came back to this video because I think it was one of the first fireship videos I watched just looking for the "Hi Mom". I really never thought about how much I've seen it in all the other ones too, but it's crazy how it comes full circle. Your mother would be proud of the channel ❤

[@pawanmishra9342]

I am so glad I watched this video and went for a react interview. They were impressed. Got the job.

[@superpantman]

Jesus Christ thank you for cramming so much quality information into this video. I watched two other popular programming content creators and they rambled and didn’t explain why react is popular or the features that make it different from other languages. Nice when someone delivers

[@Bagunka]

Our class requires the use of React, yet we aren't even thought React. Next epic is due tomorrow. So I educated myself with this video and now I am a full stack React developer. Nice

[@mitch7w]

Awesome stuff! Started a Udemy course on React today and your explanation is a nice primer!

[@cyberneticbutterfly8506]

It'd be great if you also had a 100s video for each of the sub-topics inside react, like props, state, components, HOC etc. That way we'd actually learn the details and not just what the concept is.

[@punsmith]

Honestly, not a fan of react and I will never be, but I can't help but like all your "in 100 Seconds" segments. I always keep learning something new.

[@vishal2457]

तू असं का म्हणतोस

[@jameshello38]

OK now I am ready to apply for a senior react developer job.

[@BigSmoke-r9w]

I applied as a react developer after watching this video. I'll let you guys know if I get hired. Edit: You guys are now looking at the new CEO of facebook.😎

[@azatecas]

man can you do a "how to stay organized to be productive" cause you keep outputting such high quality content without slowing down.

[@azatecas]

or a QA

[@zaidofficials]

Indeed it's the most summarised and beautifully explained. Thanks 💜

[@keshavsoni2213]

We want react 1 second.

[@CyberQuickYT]

Svelte in 100 seconds Sapper would be cool too

[@ririyan5960]

You summarize my 2 hours lecture of reactJS in 200 seconds 🤩

[@Krishnan172]

From 1:23 the different mentions are enough to sweep any developer off their feet....literally crazy!!!

[@romeorel1679]

I don't even know why I am coding in React but now it makes sense.

[@linovin_5954]

ive been so scared to go into react... but this gave me a motivation to actually learn react Thanks a lot

[@3reHYeager]

Less of a tutorial more of a mesmerizing react advertisement

[@tixion8171]

Excellent video that was, even the background music got me hyped!

[@janvanoverbeek187]

You are amazing. Really needed this, so perfect timing :D

[@riddixdan5572]

that ending fireship animation, solid 10/10

[@Webtricker]

Thanks for explaining React so beautifully.

[@webdevnoob]

I think a React vs Vue vs Angular Fireship video is the next best thing after this.

[@abhinav.sharma]

WAS JUST WATCHING YOUR VIDEOS man...🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@cripz4203]

I started learning Flutter 4 months ago seeing the Flutter in 100s. Now I want to learn this as well.

[@osamagamal495]

imagine this dude is your tutor. You can learn (React, Angular, Vue, Laravel, Flutter, NodeJs) in just one day!

[@yassinesafraoui4540]

When saw the title of the video, i didn't believe it, but now I'm sure that this guy is crazy 🙌

[@longju_]

Finally I can add This skill in my resume (1) Learnt React in just 100 seconds

[@x9wozz]

Right as I was about to try official react tutorial. Thanks, now I know what to expect :D

[@jomy10-games]

This video really gave me a good idea of what react is, thanks!

[@phulengo]

From Vietnam with 💗, many thanks for your high-quality content.

[@sanjaux]

Watching this vid every year to contemplate learning it or not.

[@masalman1441]

Was waiting for this. Thanks for the upload!!

[@marcelnunez1658]

Good shit, i'm about to learn react after I finish a couple of js projects

[@elvispalace]

React Native now also builds "native" apps to Windows and Mac

[@max-diaz]

This. For me was the key reason to choose React over Angular and Vue.

[@okie9025]

If you could theoretically speed up the video by 3.75x, you could learn React in 26.66 seconds!

[@davistiadi]

Big brain time.

[@ch1nux1430]

Best 100 seconds invested ever :3 Thank you, you're on fayah!!🔥 You read it from an avocado🥑

[@luckenetha3203]

Awesome video ! But at 1:03, it's not a good practice to do write 'setCount(count+1)', do instead 'setCount(count => count+1)'.

[@EstebanCodes]

Cool to see a react video in channel once known as angular firebase

[@__r821]

I was taking my lunch and watching this video.After completing lunch,im a react developer. Its True.

[@XTpF4vaQEp]

I manage a Angular app and work with React apps as well. I love React.

[@vasilevskicoding95]

We would like React 101 just like you did with JavaScript.

[@boiimcfacto2364]

So boys, I'm doing it. After 2 years of choosing vanilla JS over frameworks, I'm finally starting my React journey because... well... I don't wanna be unemployed lol. Obviously, Imma start with fireship's video.

[@RonDLite]

Fireship in less than 10 words: it is like taking a pill filled with information.

[@thriftykapila8420]

Fireship : React in 100 seconds Me : Like, Share, Comment in 100 microseconds

[@mel-182]

I really like this 100 second videos! Please keep it up!

[@infinatimusic]

Nice. Didnd't know they had "plugins" per se (OG WP Dev)

[@thedevguild7525]

Nice, your video is one of the must watch for those learning React. Gives a good introduction!

[@vadiks20032]

1. read basics 2. "wtf is this i must google" 3. write down the stuff you googled 4. type out all the shit you didnt know but now know into your video tutorial script

[@kyawzin-kz]

Seriously this video helps me a lot. Thanks

[@udayaprakashn]

Expecting more react and firebase videos.

[@monishwankhade7541]

adds react to my resume after watching this

[@tonyrahme96]

When you start learning react, your emotions react first before the library

[@harshitha3867]

absolutely @Tony Rahme

[@falxie_]

I watched this even though I've worked with React professionally for over a year

[@code913.]

You should make a full blown tutorial on react

[@Frologics]

After watching this video I went for my technical interview at Google. I have no experience with React and after I did the interview I failed miserably.

[@debangasharma]

Thanks a lot. I ended up learning Angular

[@aashishsinghal7331]

Would love more Videos on React. Pls do make more videos on react. I have learned a lot from ur tutorials thank you.

[@exactzero]

Next.js now supports Static-Site Generation. You can switch between CSR, SSR or SSG freely.

[@bonitocerebro2540]

I never revised something like this Gracias sir🙏🏼

[@sanjaux]

Me: Adding elements to the DOM with JS because I don’t want to write excessive markdown. React: JSX.

[@ardavardar105]

Next.js, gatsby, AWS in 100 seconds please

[@muhammadrydwan2213]

Can't wait for vue in 100 sec

[@akshattamrakar9071]

I wish I could see more of these videos on ember, Elm, AngularDart

[@classical381]

Jeff is Ian Hubert of programming world

[@RedStone576]

react is an absolute chaos

[@dersven4122]

It's setCount(prev=>prev+1); unless you want annoyng side effects

[@novaria]

omg I actually thought multiple times today how could it would be to get exactly this video from you. Dude, you got some next level telepathy going for you or something. Thanks so much for the content!

[@ismasoc5]

this served more to confuse me, rather than educate me

[@courtneymitchell5940]

I’ll put this on my resume now 😅🎉

[@alialubady725]

You are gratest the best videos for programmer thanks❤️