React is a little JavaScript library with a big influence over the webdev world. Learn the basics of React in 100 Seconds fireship.io/tags/react/
How I make these Videos • How I Make Videos for ...
#react #webdev #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
Also checkout *Vue.js in 100 Seconds* kzhead.info/sun/ocx7hrBsaF-Vdq8/bejne.html and stay tuned for a JS "framework" video tomorrow :)
Redux in 100 sec. ?
Amazing video as always. Bwt where is the video about React & Firebase
Angular in 100 seconds plz
@@hr_hridoy Is that possible though?
Ok staying tuned.
Interviewer: How long have you been working on React? Me: 100 seconds
Why no replies?
@@wardog176 me: 128 seconds😅
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
@@jcw5611 Holy crap that's awesome! Congratulations!
Interviewer: Unfortunately you are overqualified for this position.
I went to bathroom with my phone and came out as a react developer. Thanks man for making my life easy 😎
Same here listened to whole video there
Cool 😎
Same
Ur a legend bro😂
Same😂
me: watches react in 100 seconds video also me: adds react developer to cv
lmao
Ez
Lol 😂😂
Lol
@@nick-on3rk *128 seconds😅
Next: The whole Linux source code in 0.006 seconds
"it somehow works"
you liked the comment, might as well subscribe to my channel
@@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."
@@martinsalamanco6595 no
POSIX in 100 seconds
"It's so easy a caveman could do it." Well I don't know what I am anymore.
I reacted in less than 5 seconds to open this video. hehe
Gold medal for you 🥇
@@Fireship that's my greatest achievement so far
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.
Hehe me too
Haha same
So does this mean i can apply to Facebook now after watching this?
Congrats, you're an officially certified React developer 🌟
Fireship courses in a nutshell
Next CEO of Facebook
@@okloard Not that it seems likely that zuck will leave facebook
In your dreams maybe they don't take anyone below native developer
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!!!
Tiktok
This aged well
React will "react" to changes. That is the cleaner explanation of what react does. 😉
🤣
That was easy to understand rather than watching a long journey tutorial, lol
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.)
@@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.
unfortunately this is false because react is not "reactive"
In 100 seconds you can explain more than other one-hour tutorials. Awesome skill!
He just doesn't treat his audience like Idiots
@@absurdemtiefer1950That's just a misinterpretation of "he explains what you need to know and cuts out all the bullshit."
right on time, as always. started checking out react two days ago and here’s a fireship video on it. insane.
amazing how you compress and still make it look easy, practical, professional
Nice job... amazing how much quality information can be delivered in a clear, concise and short period of time.
Next : Next Js in detail please🙏🏼🙏🏼🙏🏼
I've been experimenting with some Next / Firebase stuff. That video will happen eventually.
@@Fireship much waited by your many fans, thanks a lot, also a little heart from you will gimme better sleep😅😅
100 likes
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!
I’ve been waiting so long for this episode. I just love your style. Thanks.
Was waiting for this. Thanks for the upload!!
You are amazing. Really needed this, so perfect timing :D
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
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
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
Very helpful, even though i already use react many times. But in 100 seconds, this is marvelous. Thanks man 👍.
This was a better introduction than the 4 hour intro of the 48 hour React course I am working through.
I am so glad I watched this video and went for a react interview. They were impressed. Got the job.
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
You described every javascript framework
Good luck with server side rendering
@@thatsalot3577 next
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…
Instructions unclear: accidentally learned Angular.
🤔 I want to learn Angular but I find learning Javascript tiring how good is Angular Dart?
@@asandax6 Angular uses Typescript now, which I think can be similar to Dart if you don't use any dynamic stuff from JavaScript.
sin
@@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
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 ❤
I really like this 100 second videos! Please keep it up!
Indeed it's the most summarised and beautifully explained. Thanks 💜
Right as I was about to try official react tutorial. Thanks, now I know what to expect :D
WAS JUST WATCHING YOUR VIDEOS man...🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
Nice, your video is one of the must watch for those learning React. Gives a good introduction!
Awesome stuff! Started a Udemy course on React today and your explanation is a nice primer!
Thanks for explaining React so beautifully.
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!
what
the
frack
just
happened
On point. No one can explain it better in 2 minutes
This video really gave me a good idea of what react is, thanks!
From Vietnam with 💗, many thanks for your high-quality content.
As usual your videos are awesome. Can you please make a video on comparison and when/in what scenario to use react/angular/vue?
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.
Thank you so much, and please make more react videos
NodeJS in 100 seconds please, This video is fire🔥.
Good shit, i'm about to learn react after I finish a couple of js projects
Best 100 seconds invested ever :3 Thank you, you're on fayah!!🔥 You read it from an avocado🥑
thank you! great overview
ive been so scared to go into react... but this gave me a motivation to actually learn react Thanks a lot
Seriously this video helps me a lot. Thanks
Great vídeo as always ❤️
that ending fireship animation, solid 10/10
Bro, I salute you for this video...!!
You summarize my 2 hours lecture of reactJS in 200 seconds 🤩
Would love more Videos on React. Pls do make more videos on react. I have learned a lot from ur tutorials thank you.
You are gratest the best videos for programmer thanks❤️
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!
When saw the title of the video, i didn't believe it, but now I'm sure that this guy is crazy 🙌
Thank you for the fast facts!
I don't even know why I am coding in React but now it makes sense.
You are a life savior, thank you
I never revised something like this Gracias sir🙏🏼
Amazing work!
Yes please - this is the kind of tutorials i can stay awake for the "whole" tutorial.
HAHA
This is not a tutorial lol
@@ricko13 this is indeed a tutorial 🤯
lmao tutorial to do what... this is not a tutorial
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
Makes sense. Great video
Another great video, thanks!
Quality as always ✌🏿
Awesome content man
I manage a Angular app and work with React apps as well. I love React.
Love your videos BTW
I think a React vs Vue vs Angular Fireship video is the next best thing after this.
Brilliant! 👏🏽
Bro, you're the GOAT !
Big fan love your videos 😻😻😻
I’ll put this on my resume now 😅🎉
Cool to see a react video in channel once known as angular firebase
Less of a tutorial more of a mesmerizing react advertisement
You deserve 20 million! 😍
i got the job as react developer just watching this video.................... great work mate !!!!!!!!!
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.
तू असं का म्हणतोस
Expecting more react and firebase videos.
Wow. Short and Crisp
I watched this even though I've worked with React professionally for over a year
Hey nice 100sec video. Could you please make a video about using react in an electron app.
Thanks a lot. I ended up learning Angular
I have been hitting my head with the useState hooks and you clear this within 2 secs. Thanks buddy ❤😅 Kindly recommend me how can i improve my logic building and understanding in JavaScript?
you nailed it....❤
How do you create your videos? The visuals are truly stunning!
You should make a Tauri video. It’s an alternative to electron but does things a lot differently which allows it to make apps which are less than 5mb while having amazing performance and is even planning to target mobile soon
OK now I am ready to apply for a senior react developer job.
I started learning Flutter 4 months ago seeing the Flutter in 100s. Now I want to learn this as well.
I'm learning Javascript but after hearing it has different frameworks and libraries, it became overwhelming for me. And now I see that React also has so many options, now I'm dead.
Finally I can add This skill in my resume (1) Learnt React in just 100 seconds
man can you do a "how to stay organized to be productive" cause you keep outputting such high quality content without slowing down.
or a QA
adds react to my resume after watching this
I most have worked on in the back end (or as my friend called it the back half) and I’m wondering if I should spend time to learn it, I’m sure I’ll need it someday but it seems like a lot to learn an entire ecosystem like that
we need a full react playlist
From 1:23 the different mentions are enough to sweep any developer off their feet....literally crazy!!!
It's Just amazing 🔥
Hey man i rlly love your videos, they are so great and so well done, i do voice overs for hobby (spanish voice overs of course, im mexican) and i was thinking on making a spansh versions of some or ur vids, specially the ones from the 100 secs series, those are fire hehehe, so i was wondering if u can give me the permision to use ur videos and start with the project, it would be a honor for me :3
I am a fan of this series.