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:

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

???? React Native Tutorial in Hindi #1: Introduction to React Native | 2022

???? React Native Tutorial in Hindi #1: Introduction to React Native | 2022

Welcome, to the Brand new Series on React Native Tutorials for Beginners in Hindi #1: Introduction to React Native | 2022

What is React Native?
React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS.

???? Check my Instagram to Connect with me:

————— TimeLine —————–

0:00 – Intro.
0:10 – Why To Learn React Native.
1:23 – Disadvatages Faced Without React Native.
2:09 – What Is React Native?
2:51 – Advatages Of React Native.
5:06 – Outro.

************* Must Watch Videos For Web Development *************

???????? Check Programming Videos in One Hour????

➡️ Complete Reactjs in One video here

➡️ HTML in One Video:

➡️ CSS in One video:

➡️ CSS FlexBox in 30 Minutes:

➡️ JavaScript in One video:

➡️ ECMAScript 6 in One Video:

➡️ HTML5 in one video:

➡️ CSS3 in one video:

➡️ Bootstrap4 in One video:

➡️ Jquery in One video:

➡️ JSON in one video:

➡️ ReactJS in one video:

➡️ PHP in One Video:

➡️ NodeJS in one video:

➡️ MySQL in one video:

*********** CLICK HERE TO WATCH *************

➡️ Fetch API in JavaScript:

➡️ AJAX tutorial for beginners in Hindi:

➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi:

➡️ Async Await in JavaScript in Hindi:

➡️ Promises in JavaScript in Hindi:

➡️ Callback Hell in JavaScript:

➡️ Advanced JavaScript in Hindi Playlist:

➡️ ECMAScript Tutorial in Hindi 2020:

➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi:

➡️ JavaScript Game Development Series in 2020:

➡️ Source Code Link:

➡️ Top 5 Programming Languages in 2020:

➡️ Ludo Game JavaScript Link:

➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link:

***************** MUST WATCH VIDEOS ******************

➡️ How to become a Full Stack Developer 2020:

➡️ How To Become a Web Developer 2020:

➡️ How JavaScript Works:

➡️ Follow me on Instagram:

Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

➡️ Link:

Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.

Don’t Forget to Follow me on all Social Network,

Website Link:

Instagram Link:

Facebook Link:

Twitter Link:

Facebook ThapaTechnical Page Link:

#React #Native #Tutorial #Hindi #Introduction #React #Native

learn react native

react native tutorial,react native,react native in hindi,react native tutorial in hindi,react native tutorial for beginners in hindi,react native tutorials in hindi,what is react native in hindi,react native in hindi tutorial,react native project