React in 100 Seconds
HTML-код
- Опубликовано: 6 июл 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* ruclips.net/video/nhBVL41-_Cw/видео.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
@Akshit 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.
@@jcw5611 bro I have to learn react quickly, can you please share resources you used.
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
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
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
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
@@okbrk Not that it seems likely that zuck will leave facebook
In your dreams maybe they don't take anyone below native developer
right on time, as always. started checking out react two days ago and here’s a fireship video on it. insane.
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."
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!
Nice job... amazing how much quality information can be delivered in a clear, concise and short period of time.
amazing how you compress and still make it look easy, practical, professional
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"
I’ve been waiting so long for this episode. I just love your style. Thanks.
I'm not a programmer and I have no idea what I just watch
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!
You are amazing. Really needed this, so perfect timing :D
Was waiting for this. Thanks for the upload!!
This was a better introduction than the 4 hour intro of the 48 hour React course I am working through.
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
Very helpful, even though i already use react many times. But in 100 seconds, this is marvelous. Thanks man 👍.
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
On point. No one can explain it better in 2 minutes
I really like this 100 second videos! Please keep it up!
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
Indeed it's the most summarised and beautifully explained.
Thanks 💜
WAS JUST WATCHING YOUR VIDEOS man...🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
I am so glad I watched this video and went for a react interview. They were impressed. Got the job.
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
Awesome stuff! Started a Udemy course on React today and your explanation is a nice primer!
Right as I was about to try official react tutorial. Thanks, now I know what to expect :D
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 ❤
NodeJS in 100 seconds please,
This video is fire🔥.
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
Nice, your video is one of the must watch for those learning React. Gives a good introduction!
Best 100 seconds invested ever :3
Thank you, you're on fayah!!🔥
You read it from an avocado🥑
This video really gave me a good idea of what react is, thanks!
Thanks for explaining React so beautifully.
From Vietnam with 💗, many thanks for your high-quality content.
Thank you so much, and please make more react videos
You summarize my 2 hours lecture of reactJS in 200 seconds 🤩
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…
Good shit, i'm about to learn react after I finish a couple of js projects
Seriously this video helps me a lot. Thanks
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.
that ending fireship animation, solid 10/10
As usual your videos are awesome. Can you please make a video on comparison and when/in what scenario to use react/angular/vue?
Another great video, thanks!
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
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
thank you! great overview
You are a life savior, thank you
Bro, I salute you for this video...!!
ive been so scared to go into react... but this gave me a motivation to actually learn react
Thanks a lot
Thank you for the fast facts!
Would love more Videos on React. Pls do make more videos on react. I have learned a lot from ur tutorials thank you.
I’ll put this on my resume now 😅🎉
When saw the title of the video, i didn't believe it, but now I'm sure that this guy is crazy 🙌
Makes sense. Great video
I never revised something like this
Gracias sir🙏🏼
Awesome content man
How do you create your videos? The visuals are truly stunning!
Great vídeo as always ❤️
You are gratest the best videos for programmer
thanks❤️
Brilliant! 👏🏽
Less of a tutorial more of a mesmerizing react advertisement
Quality as always ✌🏿
Love your videos BTW
OK now I am ready to apply for a senior react developer job.
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
Bro, you're the GOAT !
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
Expecting more react and firebase videos.
Awesome video!
Cool to see a react video in channel once known as angular firebase
Wow. Short and Crisp
I think a React vs Vue vs Angular Fireship video is the next best thing after this.
Big fan love your videos 😻😻😻
I manage a Angular app and work with React apps as well. I love React.
You deserve 20 million! 😍
Thanks a lot. I ended up learning Angular
adds react to my resume after watching this
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
Wonderful finally 😍
Awesome !!
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.
तू असं का म्हणतोस
thank you!
I am a fan of this series.
I started learning Flutter 4 months ago seeing the Flutter in 100s. Now I want to learn this as well.
Subscribed !
I don't even know why I am coding in React but now it makes sense.
Svelte in 100 seconds
Sapper would be cool too
amazing video bro ! so funny
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
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!
Great video...❤
I watched this even though I've worked with React professionally for over a year