React Native Crash Course - Build a Complete App

Embark on a comprehensive 3-hour crash course to build a complete React Native app from the ground up. Learn essential concepts including core components, styling, layouts, flexbox, event handling, list management, and platform-specific considerations. Explore advanced topics such as optimized list handling with FlatList, component splitting, custom button creation, modal screens, and image display. Gain hands-on experience by creating a new project, setting up a development environment, and running the app on a real device. Perfect for those with basic ReactJS knowledge looking to expand their skills in mobile app development for both iOS and Android platforms.

Welcome!
What is React Native?
A look under the hood of React Native
Using Expo vs the React Native CLI
Creating a new React Native project
Analyzing the created project
Running the first app on a real device
Setting up a local development environment
Getting started with React Native basics
Exploring core components & styling
Working with core components
Styling React Native apps
Exploring layouts & flexbox
Combining React Native & flexbox
Using flexbox in React Native apps
Flexbox - a deep dive
Improving the app's layout
Handling user events
Managing list data
Platform-specific styling
Using the ScrollView component for scrolling
Optimized list handling with FlatList
Splitting up components
Working with props & components
Handling user input
Building custom buttons
Deleting items
Styling custom buttons Ripple effect on Android
Adding a modal screen
Styling the modal
Controlling the modal visibility
Controlling colors & displaying images
Final touches & finishing the first app
Wrap up & summary
Some personal notes