In this in-depth React Native tutorial, you’ll learn React Native from the ground up! React Native is a library building up on , which allows you to build real native mobile apps for both iOS and Android.
No prior React Native experience is required, only basic ReactJS knowledge is needed (e.g., take my complete course on React: ).
Attachments & code snapshots:
Starting Project:
File:
Join the full React Native course:
Learn in-depth:
Check out all our other courses:
Chapters:
00:00 Welcome!
00:32 What is React Native?
03:58 A look under the hood of React Native
09:04 Using Expo vs the React Native CLI
15:00 Creating a new React Native project
20:50 Analyzing the created project
26:05 Running the first app on a real device
30:26 Setting up a local development environment
39:52 Getting started with React Native basics
41:37 Exploring core components & styling
49:30 Working with core components
56:30 Styling React Native apps
01:06:43 Exploring layouts & flexbox
01:10:03 Combining React Native & flexbox
01:12:34 Using flexbox in React Native apps
01:17:42 Flexbox - a deep dive
01:30:02 Improving the app’s layout
01:37:14 Handling (user) events
01:44:43 Managing list data
01:51:54 Platform-specific styling
02:00:45 Using the ScrollView component for scrolling
02:07:00 Optimized list handling with FlatList
02:20:42 Splitting up components
02:25:53 Working with props & components
02:28:27 Handling user input
02:38:06 Building custom buttons
02:41:40 Deleting items
02:46:59 Styling custom buttons (Ripple effect on Android)
02:51:51 Adding a modal screen
02:58:49 Styling the modal
03:04:30 Controlling the modal visibility
03:07:01 Controlling colors & displaying images
03:13:05 Final touches & finishing the first app
03:20:00 Wrap up & summary
03:23:30 Some personal notes
Join our Academind Community on Discord:
----------
• Go to and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram:
• Join our Facebook community on
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, , RxJs, Bootstrap, Laravel, , Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at to find the learning resource of your choice!
4 views
718
189
3 months ago 00:08:04 1
If Naruto was animated like this [4k]
3 months ago 01:06:56 1
Разработка мобильных приложений: чем Android лучше iOS?
3 months ago 00:00:56 1
SPIGOLON REACT - QUAL COMPILADO O QUE VOCÊ PREFERE 1, 2, 3 ou 4 DANÇA IRADA
3 months ago 04:13:28 1
🚀 Создание приложения для доставки еды за 4 часа [React Native / / PostgreSQL / Prisma / TS]
4 months ago 00:04:02 1
IShowSpeed Reacts To Nae Ni**a Song😭
4 months ago 00:08:59 1
Выжимка первого дня React Conf: Краткий обзор
4 months ago 00:16:43 1
Cocos2d-x , , 3.x Windows and Visual Studio Setup
4 months ago 00:10:45 1
Уроки Android Studio с нуля / #1 – Разработка Андроид приложений для начинающих
4 months ago 01:32:45 1
Признаки ПЛОХИХ работодателей и куда НЕ СТОИТ идти работать. Фил Ранжин.
4 months ago 00:04:00 1
How To Make A Timelapse Video - DIY in 5 Ep 222
4 months ago 00:00:24 5
Fast Food App in React Native 🔥 #shorts #reactnative #expo #reactjs #app #ui
5 months ago 07:27:04 1
Django 4 E-Commerce Полный курс #python #django4 #djangoecomerce
5 months ago 00:16:00 5
PHOTOGRAPHER REACTS TO ENHYPEN’s Ni-Ki and Jungwon for L’OFFICIEL Singapore April 2024
5 months ago 00:14:12 1
Новый !
5 months ago 00:00:10 1
Hamer tribe omo valley Ethiopia #africantribe #shortvideo #short
5 months ago 00:10:45 1
Вся Правда о Кроссплатформенной и Нативной Разработке! Что же выбрать?