React in 100 Seconds
ฝัง
- เผยแพร่เมื่อ 2 มิ.ย. 2024
- 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* th-cam.com/video/nhBVL41-_Cw/w-d-xo.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😅
"It's so easy a caveman could do it."
Well I don't know what I am anymore.
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
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
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
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"
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
Less of a tutorial more of a mesmerizing react advertisement
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
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
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."
Makes sense. Great video
Nice. Didnd't know they had "plugins" per se (OG WP Dev)
I’ll put this on my resume now 😅🎉
Amazing!
You are gratest the best videos for programmer
thanks❤️
Great thanks for enaqx awesome react!
_Sees video title_
100 seconds later: gasp
this served more to confuse me, rather than educate me
I'm not a programmer and I have no idea what I just watch
Wow. Short and Crisp
Can't wait for vue in 100 sec
Thank you.
Thank you
thank you!
Thanks!!!
Was waiting for this. Thanks for the upload!!
best video of fast explications
right on time, as always. started checking out react two days ago and here’s a fireship video on it. insane.
Seriously this video helps me a lot. Thanks
Great video...❤
thank you! great overview
Bro, you're the GOAT !
Awesome video!
It's Just amazing 🔥
Awesome !!
You are amazing. Really needed this, so perfect timing :D
Another great video, thanks!
amazing how you compress and still make it look easy, practical, professional
Indeed it's the most summarised and beautifully explained.
Thanks 💜
I really like this 100 second videos! Please keep it up!
You are great!
Amazing work!
adds react to my resume after watching this
This video really gave me a good idea of what react is, thanks!
Subscribed !
Thanks for explaining React so beautifully.
amazing video bro ! so funny
this video makes ben awad happy
Jeff is Ian Hubert of programming world
Wow super 👌
Clear! 😎
react is an absolute chaos
Love your videos BTW
great video
That's actually helpfull
Brilliant! 👏🏽
Thank you so much, and please make more react videos
fireshit is the best youtube channel
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
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!
Me: Adding elements to the DOM with JS because I don’t want to write excessive markdown.
React: JSX.
Let me go update my cv!!
Thank you for the fast facts!
Amazing
This channel is🔥
good video nicee
Awesome content man
It's setCount(prev=>prev+1); unless you want annoyng side effects
Bro, I salute you for this video...!!
1:03 ??
1:27 static site catsby
1:36 state management
Nice, your video is one of the must watch for those learning React. Gives a good introduction!
Very helpful, even though i already use react many times. But in 100 seconds, this is marvelous. Thanks man 👍.
Had no idea Nathan Fielder knew so much about React js
amazing
Me: I have more than 99 seconds of experience working with React.
Big fan love your videos 😻😻😻
nice video
Nice job... amazing how much quality information can be delivered in a clear, concise and short period of time.
Great vídeo as always ❤️
Clear
WAS JUST WATCHING YOUR VIDEOS man...🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
Nice
Good shit, i'm about to learn react after I finish a couple of js projects
So this is why modern websites manage to be as slow as they were 20 years ago despite faster computers.
Right as I was about to try official react tutorial. Thanks, now I know what to expect :D
You are a life savior, thank you
I love it
Backbonejs in 100 seconds!
Next.js, gatsby, AWS in 100 seconds please
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.
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…
so it's client-processed php with dynamic html element injection. Can't that just be done using DOC switching?
I never revised something like this
Gracias sir🙏🏼
Quality as always ✌🏿
💯💯💯
React best of the best! After switching from this cancer angular, life is simpler.