YoVDO

React Native Course – Android and iOS App Development

Offered By: freeCodeCamp

Tags

React Native Courses Mobile Development Courses

Course Description

Overview

Embark on a comprehensive 4-5 hour course covering Android and iOS app development with React Native. Learn everything from setup and components to advanced topics like navigation and API data fetching. Build a weather app from scratch, featuring a sleek user interface and real-time data integration. Explore key concepts including state management, hooks, and styling. Dive into topics such as Expo setup, debugging, native components, JSX, layout props, list implementation, image handling, navigation, and API integration. Gain hands-on experience with useState and useEffect hooks, create custom hooks, and implement error handling. Access the course code on GitHub and connect with the instructor on social media for additional support.

Syllabus

⌨️ Introduction
⌨️ What is React Native?
⌨️ Expo
⌨️ Setup with Expo
⌨️ Setting up a custom app
⌨️ Setting up Android Studio
⌨️ The directory structure
⌨️ Setting up linting
⌨️ Setting up Prettier
⌨️ Debugging
⌨️ Native components
⌨️ Core components
⌨️ JSX
⌨️ Working with components
⌨️ What are components
⌨️ Creating our first component
⌨️ Styling basics
⌨️ Layout props
⌨️ The current weather screen
⌨️ Adding icons to the screen
⌨️ Components
⌨️ Reviewing what we have learnt so far
⌨️ Creating the upcoming weather component
⌨️ Introducing lists
⌨️ Implementing our list
⌨️ Key extractors
⌨️ Other FlatList props
⌨️ Styling our FlatList
⌨️ Images
⌨️ Using an image in the upcoming weather component
⌨️ ImageBackground
⌨️ Props
⌨️ Refactoring what we have done so far
⌨️ Implementing the city screen
⌨️ Refactoring the city screen
⌨️ Refactoring the current weather screen
⌨️ Introducing Navigation
⌨️ Implementing tabs in our app
⌨️ Styling our tabs
⌨️ Extracting the tabs
⌨️ State
⌨️ The useState hook
⌨️ Hooks
⌨️ The useEffect hook
⌨️ Adding a loading state
⌨️ Using the open weather map api
⌨️ Getting the users location
⌨️ Seting up fetching the api data
⌨️ Fetching the Api data
⌨️ Making our own hook
⌨️ Passing the data to our components
⌨️ Updating current weather to use the data
⌨️ Updating the upcoming weather to use the data
⌨️ Installing Moment
⌨️ Updating the city component
⌨️ Creating the error screen
⌨️ Some last refactoring
⌨️ Bonus material


Taught by

freeCodeCamp.org

Related Courses

CS50's Mobile App Development with React Native
Harvard University via edX
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
React
Udacity
Computer Science and Mobile Apps
Harvard University via edX
A Complete React Native Course - Redux - Context API - 2020
Udemy