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

React Native Tutorial for Beginners – Build a React Native App [2020]

React Native Tutorial for Beginners – Build a React Native App [2020]

React Native Tutorial for Beginners – Learn to build an amazing React Native app for iOS & Android.
???? Get the full React Native course:
???? Subscribe for more React Native tutorials like this:


My Courses:
My Blog:
My Facebook:
My Twitter:


React Tutorial for Beginners:
Mastering React Course:


Layout Exercises PDF:
Layout Exercises Supplementary Materials:


0:00:00 Introduction
0:02:20 Prerequisites
0:02:58 What is React Native?
0:04:33 Expo
0:06:19 Setting up the development environment
0:09:17 Your First React Native App
0:14:38 Running on an iOS simulator
0:18:02 Running on an Android emulator
0:26:48 Running on a physical device
0:27:54 Logging
0:29:16 Debugging with Chrome
0:34:27 Debugging in VSCode
0:41:39 Publishing
0:46:30 Fundamental Concepts
0:48:20 View
0:51:08 Text
0:53:50 Image
0:59:25 Touchables
1:04:21 Button
1:06:01 Alert
1:09:55 StyleSheet
1:14:49 Platform-specific code
1:18:06 Layouts
1:18:43 Dimensions
1:22:22 Detecting orientation changes
1:27:39 Flexbox
1:30:56 flexDirection
1:32:48 justifyContent, alignItems and alignSelf
1:37:22 flexWrap and alignContent
1:40:22 flexBasis, flexGrow and flexShrink
1:43:07 Absolute and Relative Positioning
1:45:59 Exercises
1:46:58 Welcome Screen
1:57:55 View Image Screen
2:02:51 Refactoring

#reactjs #javascript #programming

React Native is a framework for building cross-platform mobile apps for iOS and Android. If you’re a web developer familiar with React and JavaScript, React Native is the fastest and easiest way to transition to mobile development.

#React #Native #Tutorial #Beginners #Build #React #Native #App

learn react native

react native,react native tutorial,react native app,react native tutorial for beginners,react native crash course,react native project,react native app tutorial,react,javascript,mobile app development,tutorial,react native for beginners,app development,react-native,programming,react native course,code with mosh,programming with mosh,mosh hamedani,learn react native,react native 2020,learn react,reactnative