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




???? Build your first React Native app – Todo List Tutorial Part 1

???? Build your first React Native app – Todo List Tutorial Part 1



In this first video of the Todo List React Native tutorial series, you’ll learn: layouts using react native, creating reusable components, passing props to custom components, using Expo to run your react native app, styling react native components and more!

Link to source code –
Link to Figma design –

❤️ Thanks for watching
???? If you liked this video, be sure to give it a thumbs up
???? Want to see more of this? Smash that subscribe button
???? Let me know in the comments what you’d like to learn!

Follow me:
Twitter –
YouTube –

What we’ll be doing: (0:00)
Setting up Expo: (0:41)
Getting started with App.js: (1:54)
Today’s Tasks section: (2:22)
Creating a reusable Task component: (5:00)
Passing props: (7:27)
Task component styling: (8:28)
DONE ????: (13:40)

#Build #React #Native #app #Todo #List #Tutorial #Part

learn react native

react native,figma,adding font to react native,design to react native,set up react native,react native project setup,react native project,mobile development,build an app,learn react,learn react native,learn app development,react native tutorial,react native app,react native ui,react native code,beginner app,todo list,figma to react native,props,reusable component,react tutorial,figma react native,figma react,figma app,react native state