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: https://acad.link/reactjs).
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
Attachments & code snapshots: https://github.com/academind/react-native-practical-guide-code
Starting Project: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/starting-project.zip
goal.png File: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/goal.png
Subscribe: https://www.youtube.com/@academind/featured
