React Native in 100 Seconds

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/understanding-...
🔥 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

[@jweaker]

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 ) }

[@Samir-wp4ek]

thank you for this

[@phucnguyen0110]

Perfectly summed up, thanks bro!

[@mrZeeeee]

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

[@sheepy0125]

that won't work, you forgot the `export default`!!1! just kidding

[@tiru4076]

damn son thanks

[@japroz]

I really love how u are delivering great content almost every day

[@isheanesunigelmisi8400]

It's amazing all this is free too, kind of feel like I owe him money

[@eduardomora9586]

@@isheanesunigelmisi8400 (insert Fireship Pro ad)

[@_abridgedeeyore]

I agree lol

[@lovelytingy]

you're in good line bro ☺️

[@isheanesunigelmisi8400]

@@eduardomora9586 Fireship Pro should be included in college tuition, it's more useful than half of the courses at college anyway

[@benevans1377]

All of these 100 sec vids are insanely interesting and feels relevant to my career, big up man

[@SaiTejarh]

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

[@thebtm]

I would be interested in a React Native Tutorial / Beyond the 100 seconds.

[@tutorialsandgaminghelp288]

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🤔

[@Manny-ng9vo]

Haha 😂 with you on that buddy

[@nachiketkanore]

KZbin is reading your mind

[@Manny-ng9vo]

@@nachiketkanore exactly 😂

[@ghouston2712]

Highly recommend react native

[@Kat21]

Same lol

[@ramboraven8327]

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.

[@vicca4671]

Yes, more react native please! Been loving the content and lessons, thanks a lot!

[@colinfrankel8930]

Literally was looking for this yesterday! Awesome video

[@amitjoshi956]

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.

[@jacobtrevor3448]

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.

[@frankkevy]

When this absolutely talented man posts a video about something you absolutely love.. it's an absolute magic moment⭐

[@apeiron4409]

I also want to see a comparison between flutter and react native

[@ajfalo-fi3721]

I'd love to see this. Don't know if true that Flutter is killing RN

[@SuperSurendraverma]

@@ajfalo-fi3721 js can't be killed even flutter has reference of RN React is updating and more features are coming through

[@ahmedthebest]

Looking forward to that

[@danvilela]

Rn is beta.. will never be stable

[@rdvanaltun7668]

@@danvilela It's pretty sure stable, why do you think that?

[@Geomaverick124]

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

[@peppigue]

Recruiters can be valuable, but look at what listings say and first and foremost talk directly with companies whenever possible.

[@budavargas]

I just got a job by just saying I'm studding React Native

[@militarydocumentariesinc.7007]

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

[@keot777]

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!

[@AndrewTSq]

why its hard to find, is probably cause the development software hardly work :D

[@chrissdehaan]

One of the most interesting 100 second videos. I'd love to see a longer one.

[@loringabriel9434]

Can't wait to see more React Native videos or maybe a full course on this!🔥🚀

[@ryanbent9368]

I second that!

[@krzysztofwicher4998]

Oh please!

[@franBa22]

Yes please! +1000 to this!

[@jcubic]

Yes, that would be great.

[@MaxProgramming]

I desperately needed this one!

[@michaelblummichael]

Definitely would like to see more RN content here! Great video!

[@usufdev]

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!

[@ttng_]

for some reason, it is enjoyable to watch and easy to understand while packed with information

[@idukpayealex]

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.

[@DavidM_]

This video is so well created that sometimes i just go back here to listen the smooth calm music and voice combination.

[@AzaB2C]

Another awesome info packed video. Jeff, what editing tool(s) are you using to churn out so much quality animated content? aftereffects?

[@captainlennyjapan27]

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!

[@axa993]

This was long overdue. Thank you!

[@babapatra3735]

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! 👏🏻👏🏻

[@pranavrajesh5550]

Ayy React Native, Really been waiting for this thanks a lot, Jeff!!!!!

[@scriptingarthur]

More on react native web!, thank you for the great content as always

[@ocholol]

This channel is saving my life as a new CS student. Thanks!

[@iamachs]

Amazing video quality, great content, so inspiring, all the best to you, and stay strong!

[@othmanosx]

I would really love to see more React content ❤️

[@bills1967]

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.

[@nazishdanish827]

Damn.. I was waiting for this video! Cool

[@ToastyS4]

A complete overview with the pros and cons of some Cross-Platform-Frameworks would be nice (React Native, Flutter, Ionic...)

[@graphic.shashank]

Thanks a lot I needed this!!

[@weavis2446]

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!

[@markogrubisa8612]

Man! Thank you. Your videos helped me a lot!

[@vin5718]

I really like using react native when I already have an existing react web app and use a monorepo setup to share non ui code across all of them while still being able to write the ui without much limitations.

[@danielsaavedra475]

A full example project with React Native would be awesome!

[@captainlennyjapan27]

I definitely want to see your React Native content!

[@harshith_takkala]

The animations are just awesome !

[@Michael-kp4bd]

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.

[@zettai8087]

Were you able to?

[@Michael-kp4bd]

@@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 😅

[@business_central]

Thank you for the great content 🙌🔥

[@kelkiiii]

thank you! that react graphic is sick btw

[@skyplayx3558]

Your content is epic, thank you so much!

[@maciej.opalinski]

YEAH! Waited for this!

[@vemoz2878]

That's exactly what I was looking for, Thank you!! 😀

[@mexicanmax227]

Perfect Content as usual my friend. 💪 Yosh!

[@Safeboot]

I was just thinking about making a React Native app, what timing!

[@juzuvloke]

Thumbs up for reminding me of the best keyboard ever made for a smartphone! Loved my G1!

[@orangeboiiiii]

man this is great content. thanks!!

[@Manny-ng9vo]

Needed this thank you just starting to learn react native and this summary was so needed ! Love this channel

[@joannewan8206]

Subscribed immediately! ❤

[@nettion]

Mate your videos are the best!

[@ameralomairy8694]

Your videos are amazing, adding react and react native contenr to them would be awesome as i am fan of these frameworks

[@abdorizak]

so excited :) please make video what's different between cross-platform like react-Native and native like iOs and Android

[@franciscomanuelpereira8530]

Thank you 🙏🏼 please continue!

[@bineetnaidu5146]

Yes please more on react native content 🙏🙏🔥🔥❤️❤️

[@vasc.]

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!

[@faluyiajibola221]

How did it go 1 year after

[@SerbStef]

How did it go?

[@aaronstaes1317]

Fire content as always!

[@chaitanyakulkarni21]

Wow waited long time for this and please do full react native thank you.

[@avinashvagh6796]

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.

[@4olovik]

I have had cmpletelly different understanding of react native. Thanks.

[@bhaskar08]

I would like to see more react native content, thanks.

[@pedrobrasil892]

Yes! More videos about RN please 😎

[@WilbertVerayin]

It's quality content and at the same time entertaining.

[@wcandillon]

More React Native content 🙌🏻

[@a7medev]

More React Native content please! and btw you can build Windows & MacOS apps with RN as well

[@cas818028]

Yes definitely more react native content please

[@ythuang1342]

Awesome. Expect more react native content.

[@xenialxerous2441]

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!!

[@ascodes3461]

Thanks buddy for sharing it!!!

[@mrrishiraj88]

Great and innovative presentation style

[@oscarfal]

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

[@NickKartha]

You're in luck, check the channel 🤞

[@oscarfal]

@@NickKartha Ahaha, I saw both the rust and go videos as soon as they came out. I hope to see the GCP video soon 😆

[@sidhantsrivastava7426]

Amazing video as always

[@MatheusFerreira-kq5xh]

Really good Video. More react Native content please

[@adwiyadeshpande9683]

Can you please make Nativescript in 100 secs video, thanks, loved this one btw!!

[@danarj5713]

react is amazing it makes it very easy to start building web/mobile apps.

[@reactnativetypescriptbuilds]

Yeah please drop more react native content, I'd be grateful 💪

[@felixaveras]

Waiting for Xamarin or NativeScript in 100 seconds. Great Job!!!! good explanation

[@ChrisAthanas]

Yes would love to see how realistic it is to ship production apps with RN

[@Norogoth]

Fireship always has incredible quality.

[@mohanmark1970]

video editing is next level 🔥

[@prakashmardi25]

Most awaited video ❤️

[@developerpranav]

Love these videos! ❤️ Love from India 🇮🇳

[@haseebahmed1]

Without watching the whole video, reading comments about how awesome the video is. :D

[@talhaibnemahmud]

Definitely need a full tutorial on React Native

[@guycohen6832]

Would like to see more react native content 🔥☄️

[@rishabhanand4270]

About time, you're here. Heck if Coinbase can build a near native experience using only React Native, anybody can.

[@LucasionGamePlay]

I would love to see more on React Native and going more in depth

[@guillermofernandodelgadill7941]

You're the best man!!

[@DK-ox7ze]

Please do a beyond 100 seconds for React Native!

[@Simone-ft2cg]

Great video! Please make a lot of content about Solidity

[@nc1347]

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 😭

[@patrickudoh7732]

The best explanation of react for me

[@allenanderson7803]

You are the real boss of tradingThank you for your work

[@asimwilliams861]

HUGE! Thank you!

[@thanatosor]

Your content is good for impatient person like me.

[@vmailtk5]

More react native content please, including how to publish the Android and iOS apps for people to download

[@danishansari5746]

Yes please more videos on react native