React Native Crash Course | Build a Complete App

React Native Crash Course | Build a Complete App



In this in-depth React Native tutorial, you’ll learn React Native from the ground up! React Native is a library building up on React.js, 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:
goal.png File:

Join the full React Native course:
Learn React.js 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, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, 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 academind.com to find the learning resource of your choice!

#React #Native #Crash #Build #Complete #App

learn react native

react,react.js,reactjs,reactjs native,react.js native,react native,react native course,react native tutorial,react native app,maximilian schwarzmueller,maximilian schwarzmuller,maximilian schwarzmüller




The Complete React Native Course 2021 : from Zero to Hero

The Complete React Native Course 2021 : from Zero to Hero



???? Learn to Build Native Android & iOS Applications with React Native
Included: React Hooks, Redux, React Navigation, Firebase Push Notification & Functional Component

——————————————————————————–

???? What will you learn in this course?
– React Native CLI & Expo CLI
– Build Cross Platform Mobile Applications for Android & iOS from Basics
– Become Familiar with Native Mobile Device Features
– Create a Real App and Publish It to the Store
– Debugging & Testing

——————————————————————————–

???? What are the requirements or prerequisites for taking this course?
– Basic JavaScript knowledge (ES6+ is recommended)
– You DO NOT need any experience with React or any other framework/library!
– You DO NOT need any Java, Kotlin, Swift or Objective C experience!

——————————————————————————–

???? Who is this course for?
– This course is for anyone looking to make native apps with React Native

——————————————————————————–

???? Subscribe my channel for more React Native Tutorials:

???? Join my channel to get access to perks:

——————————————————————————–

⏱️ Chapters & ???? Source Code :
The Complete React Native Course 2021 : from Zero to Hero

00:00 Intro
Source:

00:16 Introduction – What is React Native & How it works

06:32 Creating First App with Expo

15:25 Creating Native App with React Native CLI & Ejecting Expo Project

26:06 Configure Visual Studio Code for React Native Development

35:08 Structure & Basic Components in Our First App
Source:

50:55 Using the State Hook
Source:
Exercise:

57:23 Styles & Style Sheet
Source:

01:05:45 Responsive UI with Flexbox
Source:
Exercise:

01:13:28 List, ScrollView & RefreshControl
Source:

01:21:09 FlatList & SectionList with Nested Array
Source:
Exercise:

01:29:05 Text Input & Keyboard
Source:

01:36:24 Button, Touchables & Pressable
Source:

01:47:40 Alert & Toast Message
Source:

01:53:38 Modal & How to Create Custom Alert with it
Source:

02:01:38 Image & ImageBackground
Source:

02:07:19 Custom Components & Props
Source:

02:16:17 React Navigation V5 – Stack Navigator
Source:

02:25:25 React Navigation V5 – Tab Navigator – Material Tab at Bottom &Top
Source:

02:38:02 React Navigation V5 – Drawer Navigation – Side Menu
Source:

02:47:11 React Navigation V5 – Passing Data Between Screens
Source:

02:51:16 Debugging in VS Code
Source:

03:02:16 Custom Fonts in React Native CLI & Expo Projects
Source:

03:10:09 Global Styles & How to Use Custom Fonts Globally in Project
Source:

03:15:00 AsyncStorage – How to make an Offline Login with Async Storage
Source:

03:32:31 SQLite Database – How to make an Offline Login with SQLite
Source:

03:45:28 Redux – State Management
Source:

03:58:32 How to Fetch Data from an API Using Redux
Source:

04:06:15 Local & Scheduled Push Notification
Source:

04:20:54 Push Notification with Firebase – Remote Notification
Source:

04:27:53 Google Maps
Source:

04:37:14 RN Camera with Hooks
Source:

04:47:15 Testing with Jest and React Test Renderer
Source:

04:58:07 To-Do List App
Source:

06:10:23 Generating APK & Android App Bundle for Google Play Store
Source:

06:22:29 Publishing App to Google Play Store

06:33:39 How to Build iOS App Using Xcode
Source:

——————————————————————————–

#ProgrammingWithMash #ReactNative #CompleteCourse

#Complete #React #Native #Hero

learn react native

The Complete React Native Course 2021,the complete react native,react native hero,react native full course 2021,react native complete course,the complete react native hooks course,react native 2021,react native course,react native course for beginners,react native crash course 2021,react native tutorial,react native for beginners,react native complete course free,react native free course,react native full app,programming with mash,react native free tutorial,Usa