React Native 101 Crash Course: Build Your First Mobile App!

Start building mobile apps by learning React Native with this React Native 2024 Crash Course by Mo Binni & Andrei Neagoie.

You'll start your journey by learning the core principles of React Native and cap it off by building your very first mobile application—a practical and useful Pomodoro timer inspired app.

Once you finish this crash course, come take the rest of Mo and Andrei's Complete React Native Bootcamp Course where you'll go even deeper and gain the skills to get hired as a full-time mobile developer in 2024 👇

🤑 Use code: YTRN10 to get 10% OFF (for life!)

==========

🗂 Crash Course Files:

🆓 React Crash Course:

Start here if you don't know anything about React 👇🏻

==========

⏰ Timestamps:

00:00 Introduction
02:31 How We Got Here Pt.1
12:14 How We Got Here Pt.2
16:18 Why React Native?
20:00 Our First React Native App
32:05 React Native Internals
41:10 React Native Internals 2
46:18 Exercise: Is There CSS?
49:23 React DOM vs React Native
52:26 Recommended Setup
57:19 FocusTime Demo
59:07 Introduction To Expo
1:02:05 Getting Ready To Hit The Ground Running!
1:05:42 Who Likes Snacks?
1:08:43 Running Snacks On Your Device
1:10:52 Running The FocusTime Demo On Your Device
1:13:11 Proper Preparation Prevents Poor Snacking!
1:17:34 Quick Recap On What We've Done So Far
1:19:50 A Rundown Of What's In Our Snack
1:27:42 Why We Don't Run On Web
1:30:12 How To Avoid The Notch
1:33:53 How To Avoid The Status Bar
1:37:22 Styling The Background
1:40:07 Setting Up Our Focus Feature
1:44:19 Adding Text Input
1:50:04 Storing A Subject
1:53:59 Adding A Button
2:01:20 Making The App Reactive
2:05:51 Cleaning Up Spacing
2:09:03 Adding A Countdown Component
2:16:40 Adding The Timer Feature
2:20:34 Hooking Up Our Countdown
2:28:39 Adding The Focus Subject
2:34:09 Hooking Up The Progress Bar
2:41:16 Vibrating When The Timer Ends
2:45:38 Adding Timer Controls
2:55:43 Resetting The Timer
3:00:04 Keeping The App Awake
3:02:09 Focus History Feature Setup
3:05:51 Designing Our Focus List
3:14:36 Populating The Focus History
3:18:42 Final Words

==========

💥 Who should take the rest of ZTM's React Native Course?

◾ Students interested in going beyond all the intro React Native tutorials out there (including this one!)
◾ Programmers who want to learn the most in-demand skill of a mobile app developer
◾ Developers that want to be in the top 10% of React Native Developers
◾ Students who want to gain experience working on scalable, large, cross-platform applications
◾ Bootcamp or online tutorial graduates that want to go beyond the basics
◾ Any mobile developer who wants to learn only one language to write both iOS and Android mobile apps
◾ Anyone looking to build their own mobile applications to put on the Google Play Store or the Apple App Store
◾ Anyone who wants to get hired as a mobile app developer

==========

Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world.

This could be you 👆

==========

#zerotomastery #reactnative

[alexhelm]

3:14:26 - The scroll is not working on Android. I checked the documentation, but it doesn't specify how to handle this issue for Android apps.
Do you have any recommandations ?

[VirtualVibesMusic]

brilliant video
though, would suggest not to include styled components like mui/paper for beginner

[josephchinemeremjerry]

Andre is a really good teacher, every time I listen to him, I am enlightened. Thank you Andre

[hubesh]

brother please can you develop more full stack projects in react native with any backend like node or firbease

[koho]

Your QR code doesn't seem to work for me.

[juliotreinty]

Thank you from Argentina for this tutorial... it is brillant

[MrTree-ypqw]

I can't do anything to get the countdown text to appear. I am working on v50 so maybe there are some problems with that but im stuck.. The background color of it appears but not the text

[shazamanything]

Can we have the full machine learning course for reaching 100k❤

[brettRaper]

Woah! ZTM!!! Glad they're on Youtube now.

[gracogen]

Subscribed right away when I heard your accent!

[ojazymoi]

How can i get get the training and get certified in React Native. I want to join a bootcamp please.

[meitalr]

great!! thank you so mach!!! I tried to learn from a lot of tutorials and this was the best!!! thank YOU!!

[auric]

Thank you for the tutorial. This is so exciting and easy to learn! If possible, can you fix the link of the Crash Course Files? When I access it, the linked page is shown blank.

[SheilaMarkazi]

I noticed that import * as react from 'react' is no longer included in new snacks. Why is that?

[andrewzerdelian]

this is by far the very first project for me in react native after to many failing attempts in the past month due to lack of updates on other tutorials, also i was wondering if you have a suggestion on an updated project from yours that have state management and Api calling with crud operational app.

[sagar]

Is react native still used when flutter is there ?

[amblessedcoding]

What are the perquisites to fellow
I new to coding

[gofudgeyourselves]

Please do a course on Godot Game Engine & Blender