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.
Overview
Syllabus
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
Taught by
Academind
