React Native in 100 Seconds
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- React Native allows developers to build cross-platform apps for iOS, Android, and the Web from a single JavaScript codebase. Get started building your first native mobile app with React Native
#react #mobiledev #100SecondsOfCode
🔗 Resources
React Native Docs reactnative.dev
Expo expo.dev
RN Bridge hackernoon.com...
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
![[🔴LIVE] งานประกาศรางวัล MAYA TV AWARDS 2024 : มายามหาชน](http://i.ytimg.com/vi/nwmWYXXVwBY/mqdefault.jpg)
i think showing the syntax difference would help explain it better to react devs or web devs in general for example :
*React Native* :
_function_ App(){
_return_ (
hello world
)
}
*React* :
_function_ App(){
_return_ (
hello world
)
}
thank you for this
Perfectly summed up, thanks bro!
His videos are like bible verses. He shows a slide where View is rendered to different platforms that include your comment so technically he has shown it :) and it frees space for 2 more seconds of other things but I agree your example is illustrative
damn son thanks
That's some level of explanation, i love it
All of these 100 sec vids are insanely interesting and feels relevant to my career, big up man
Was just looking into getting into React Native and now you come out with this. Hmm I'm certain you're a mind reader now🤔
Haha 😂 with you on that buddy
TH-cam is reading your mind
@@nachiketkanore exactly 😂
Highly recommend react native
Same lol
I really love how u are delivering great content almost every day
It's amazing all this is free too, kind of feel like I owe him money
@@isheanesunigelmisi8400 (insert Fireship Pro ad)
I agree lol
you're in good line bro ☺️
@@eduardomora9586 Fireship Pro should be included in college tuition, it's more useful than half of the courses at college anyway
Can't wait to see more React Native videos or maybe a full course on this!🔥🚀
I second that!
Oh please!
Yes please! +1000 to this!
Yes, that would be great.
I also want to see a comparison between flutter and react native
I'd love to see this. Don't know if true that Flutter is killing RN
@@ajfalo-fi3721 js can't be killed even flutter has reference of RN
React is updating and more features are coming through
Looking forward to that
Rn is beta.. will never be stable
@@danvilela It's pretty sure stable, why do you think that?
These short videos as great. It provides the high level gist which I exactly want to understand before jumping in or when I don't have much time
I am delving deeper into React Native since a recruiter told me that its very in demand but they have been having trouble finding devs who have that skill
Recruiters can be valuable, but look at what listings say and first and foremost talk directly with companies whenever possible.
I just got a job by just saying I'm studding React Native
Also was told by some senior developers I no well that react native were its at and deff there is work put there. Work for all types to be honest. We all just keep pushing and learning and executing
Only reason why I'm looking into React Native now is cause jobs demand it. I dislike everything that is related to JavaScript, but hey, man's gotta eat!
why its hard to find, is probably cause the development software hardly work :D
I would be interested in a React Native Tutorial / Beyond the 100 seconds.
When this absolutely talented man posts a video about something you absolutely love.. it's an absolute magic moment⭐
"Write once, works no where"...
Hahahahahahahaa
Your content is brilliantly delivered. It's short and to the point, so it makes it so much easier to just take a 2 minute break and learn something new.
I have been learning web development and I wanted to also learn mobile without having to learn a new la language. React native seems like such a great tool. JavaScript rules.
Thank you for this. I have a capstone project for my class and we have not learned React native, but i may take the risk and try to pull my 3 week project together, because my idea makes much more sense on mobile. This video gives me more confidence that I’ll pull it off.
Were you able to?
@@zettai8087 the project requirements were a React front end and Ruby on Rails back end, so I went with another concept I was interested in, which wasn’t mobile-focused. I looked into React Native since, but I would not advise trying to showcase what you’ve learned in a 2-3 month React-focused bootcamp via a React Native project on such short timelines and minimal exposure.
Unless you’re one of those people who are building 3 full applications no problem while your peers are struggling to finish 1 😅
0:50 Why did you specifically mention Java and Objective-C instead of Kotlin and Swift? Have you made this video in 2014 and only now decided to upload it? :D
It's just because React Native uses Java and Objective-C for native code
@@a7medev I didn't know this, thanks!
@@a7medev You can also config RN to generate Kotlin and Swift code simultaneously.
@@Will4_U I know I was just explaining why he mentioned Java & Obj-C (the default ones)
React Native was open source in 2015 not 20214
I really love how u are delivering great content almost every day
Haha I don’t know if this sounds strange, but I kinda miss having to wait for a fire ship video. I feel a little spoiled now. Loving the content tho!
Literally was looking for this yesterday! Awesome video
I'm going to start developing React Native at work for the first time in my life next month. How did you know?!? Mindreader Jeff!
Can you make a video on how you study a new technology? How you approach an new technology? Your way of deconstructing any technology is really great.
Appreciate your hard work man! 👏🏻👏🏻
This video is so well created that sometimes i just go back here to listen the smooth calm music and voice combination.
1:22 JavaScript and React WITHOUT CSS?! Sounds like heaven to me! :p
_"Someday Java will be written in Javascript."_
_- Sun Tzu_
i want this to happen
imagine minecraft in the browser
@@starrymohannad No need to imagine it anymore if it already exists in browser games.
More on react native web!, thank you for the great content as always
Yes, more react native please! Been loving the content and lessons, thanks a lot!
More React Native content please!
and btw you can build Windows & MacOS apps with RN as well
One of the most interesting 100 second videos. I'd love to see a longer one.
Being a native mobile dev for 10+ years, I can tell you with backing experience that "it's like building 3 apps for the price of 1" is extremely high on the misinformation scale.
elaborate please
@@hamzzak well I tried to reply, but looks like some admin removed my comment. Sorry.
As a web/reactjs/react-native developer with 10+ years of experience I respectfully disagree. I very much doubt that 3 devs (say Kotlin, Swift and React) can pump out 3 separate apps in the same time it takes me to write 1 and deploy it to all 3 platforms. I will concede that a dedicated Kotlin developer is going to faster than me, but he's not going to be 3 times faster. Plus there is also the backend to consider, that those 3 are going to rely on.
I'm not going to argue that at some point (when the product had some success) the company might need to consider developing separate native apps, esp. if native api access is important, but RN is absolutely invaluable for startups when you can cover 3 major platforms + backend with just 1 senior full-stack developer. In this scenario it is literally "3 apps for the price of 1".
I would really love to see more React content ❤️
Hi Jeff! Thank you so much that you are creating such valuable content for all the devs out there 😇 Could you please make a tutorial on styling alternatives in React native? I see there is some transformation plugin that can be used to style using SCSS in our React-native project.
Amazing how often you upload such good videos, also can you make a go or rust in 100 seconds or a video about google cloud platform similar to the one you made about 50+ aws services, would be really useful
You're in luck, check the channel 🤞
@@NickKartha Ahaha, I saw both the rust and go videos as soon as they came out. I hope to see the GCP video soon 😆
A complete overview with the pros and cons of some Cross-Platform-Frameworks would be nice (React Native, Flutter, Ionic...)
Ayy React Native, Really been waiting for this thanks a lot, Jeff!!!!!
Please do a beyond 100 seconds for React Native!
By Java and Objective-C, did you mean by any chance Kotlin and Swift ?
I doubt Objective-C is used all that much surely swift will be used more so he definitely meant Swift
However between Java and Kotlin both are widely used so here it can be either way
This channel is saving my life as a new CS student. Thanks!
Quote at 0:11 also applies for rust :D
Thank you for the great content 🙌🔥
Can you please make Nativescript in 100 secs video, thanks, loved this one btw!!
Hey there! Every time I watch your video, I need to pay special attention to what you say while observing the witty visuals and captions, as they distract me some times. Nevertheless, please make more react native videos. Thanks!!
I love the content you provide and in most of the videos, you provide more than 100 sends, I was expecting that in this video as well. I felt like I was watching it 10 seconds, not 100 secs. I love it though, keeeeeeeep going!
After using it for two weeks, I'm finding it way better than Kotlin or Java!
Thanks a lot I needed this!!
Looking for more react native videos
Liked at 0:01 i already know it's gonna be great
Needed this thank you just starting to learn react native and this summary was so needed ! Love this channel
I was just thinking about making a React Native app, what timing!
I definitely want to see your React Native content!
The animations are just awesome !
A full example project with React Native would be awesome!
As someone who's worked with ionic cordova and now ionic capacitor, seeing an alternative to ionic is a blessing. I'm fed up with Ionic giving me different types of bugs for different Android versions 😭
so excited :) please make video what's different between cross-platform like react-Native and native like iOs and Android
I would like to see more react native content, thanks.
Hey, I have subscribed your channel a month ago & seen your video yesterday for first time & now, I'm your fan.
I want web 3.0 content
From beginner to professional.
fireship, I really love your content thanks for your high-quality videos and I would love to see a comparison of react-native and flutter from you please.
for some reason, it is enjoyable to watch and easy to understand while packed with information
I'd definitley be interested in more videos on react native as I've been considering porting an existing react project to native to deploy as a native app. A video on that kind of project would be awesome.
Definitely would like to see more RN content here!
Great video!
Flutter vs React native which one will take over the crossplatform developemnt in the future?
Would definitley like a longer-form video on react native
What do you have in mind?
Your content is epic, thank you so much!
YEAH! Waited for this!
That fast refresh caught me off guard 😂 💀
the greatest thing u will know while trying to learn react native is that flutter exists ❤️
😄 lol
can i know why you would go with flutter instead ? not trying to argue but i'm learning rn since a few months now and i love it. should i learn flutter instead ?
@@flyte9844 besides the tech talk it's all up to you.. I was learning react native when i moved to flutter.. The one big reason for me was that flutter is more "friendly"..
In term of job prospects learning RN is a better choice, since RN is more popular and being good at RN means you are more versatile and you can work on web projects on React and develop and maintain websites on Gatsby for example. Dart is just not that much of a transferable skill. I can't say anything about app quality - I'm sure Flutter apps are great and maybe better/easier to develop that RN apps. But if your final goal is the best app possible - nothing beats native android/ios apps. And if your goal is the best job possible - nothing beats React, at least at the moment.
@@Dmitri_Ivanovich thats kinda how I approached my decision to go with RN.. with no background in either JS or dart , only python i had to learn either way but RN seemed to me like the most technically rewarding one to go with . ill give a few hours to flutter this week just to see what's up with it (i'm curious)
The timing of this video is just perfect. I am currently building my first project with React Native. Thank you for making this great content!
How did it go 1 year after
How did it go?
Mate your videos are the best!
Damn.. I was waiting for this video! Cool
This was long overdue. Thank you!
Perfect Content as usual my friend. 💪 Yosh!
I like RN a lot, but you really skimmed over how a significant amount of native APIs don't have a well-maintained equivalent in RN.
Any examples you can give?
@@charlesm.2604 nah.. flutter is better. Just go with it
@@charlesm.2604 nativescript? it's been years since I heard it. tried to find a course and books on it (cause I use vue), but nothing really sticks so far :/
@@danvilela Except we're talking about JS devs. If you plan on learning a new language stick with Kotlin, it has multiplatform support with the native performances (it's even easier to learn and use to be honest).
@@charlesm.2604 nops, talking about crossplatform :)
Your content is good for impatient person like me.
I'm learning reactjs.. and aiming to learn react native in the future
Love these videos! ❤️
Love from India 🇮🇳
Expo in 100s please!
Yes we want more react native content. Thank you for your channel
The best explanation of react for me
Man! Thank you. Your videos helped me a lot!
Yes! More videos about RN please 😎
Fire content as always!
react is amazing it makes it very easy to start building web/mobile apps.
You are the real boss of tradingThank you for your work
Yes would love to see how realistic it is to ship production apps with RN
About time, you're here. Heck if Coinbase can build a near native experience using only React Native, anybody can.
I've used both React native and flutter,
I honestly think that RN is way better.
Maybe it's because I'm used to JS.
Even though I was a .NET developer for the most part and Dart looks pretty similar to C#
I'm struggling to choose one..what do you think is better when it comes to performance? Flutter beats react native..or react native can give a smooth performance to the app?
Btw I'm a MERN stack dev so going with React Native is easier since I'm JS biased ..but if flutter has more advantages .I think it would be worth it getting into flutter..
@@renujadecosta6408 flutter is better on performance no doubt, but I personally don't like the language it's built on, and react native is much more mature in terms of development, flutter still has quite a lot of bugs
@@renujadecosta6408 the only thing that I see is the performance boost, flutter is good don't get me wrong, but if you're used to JS, I think you can get much much better in react native in a very small time, while flutter takes months, flutter is class based too, so If you don't like the class based OOP like me, you probably wouldn't like it at all
Waiting for Xamarin or NativeScript in 100 seconds.
Great Job!!!! good explanation
New skill for my resume
Yes definitely more react native content please
It'd be nice to have a comparison between React Native and Flutter since I find them to be the Top Players on the multiplatform game.
I have had cmpletelly different understanding of react native. Thanks.
Awesome (and useful) content. What about a video building the same app in react native against angular?
Addendum: Porting from angular to react native AND transpiling from Angular to React Native are necessary additions to that video since Angular will no longer be recieving updates.
If you use React personally or in your organization and are proficient in JS then just use React Native
otherwise CHOOSE FLUTTER ALWAYS.
That's my simple rule of thumb.
Flutter is not going to kill react native. Both can coexist.
I really dislike React's monopoly over stuff. It takes the spotlight away from other better frameworks like Svelte for example. React is popular because many devs use it and many devs use react because it is popular. This is just a positive feedback loop. Not good.
If UI is a crucial part of your app, go for Flutter. You can make amazing UIs insanely quickly. No CSS nonsense. Widgets ftw!
more react native content
More react native content please, including how to publish the Android and iOS apps for people to download
Need a React Native beyond 100 seconds video =)
I'm pretty sure, this is unrelated :). But man, seeing ron from Parks and Rec just made my day
Please more react native content and longer!...
Amazing video quality, great content, so inspiring, all the best to you, and stay strong!
Please more about React Native and Expo
Thank you 🙏🏼 please continue!
Without watching the whole video, reading comments about how awesome the video is. :D