📱

Summary of React Native Beginner Course

May 17, 2025

React Native Beginner Course Summary

Course Overview

  • Instructor: Dave Gray
  • Platform: YouTube
  • Course Supported by: Zero to Mastery (ZTM)
  • Focus: Introduction to React Native, building applications, learning to use Expo framework.

Key Components of the Course

  1. Setup and Tools:

    • Development Environment: Visual Studio Code, Git, Node.js.
    • Expo Framework: Used for building React Native applications that work across platforms.
    • React Native Basics: Create native apps for Android, iOS, and more using React.

  2. Course Structure:

    • Divided into lessons that build on each other.
    • Begins with installation, setup, and moves through to advanced concepts.

  3. Pre-requisites:

    • HTML, CSS, JavaScript: Fundamental web technologies needed as a foundation.
    • React knowledge is helpful but not required.

Important Topics Covered

Lesson 1: Getting Started

  • Setup Visual Studio Code
  • Install Git and Node.js
  • Create a new React Native project using Expo
  • Run the project on devices and simulators

Lesson 2: Building from Scratch

  • Create an Expo app with default template
  • Understanding file structures and initial setup
  • Create and style simple components
  • Introduction to adding Images

Lesson 3: Navigation with Expo Router

  • Using Stack Navigation and Tab Navigation
  • Special Files in Expo Router
  • Creating Groups and Modifying Navigation

Lesson 4: Implementing Lists

  • FlatList Component for rendering lists
  • Use of SafeAreaView for layout
  • Styling list components
  • Handling Empty States

Lesson 5: Student Challenge - Todo App

  • CRUD Operations: Create, Read, Update, Delete
  • State Management using Hooks
  • Building a functional Todo list app

Lesson 6: Enhancing Todo App

  • Adding Google Fonts
  • Theme Toggle (Light/Dark Mode)
  • Local Data Storage using AsyncStorage

Lesson 7: Dynamic Routes in Expo Router

  • Understanding Dynamic Routing
  • Edit Pages for Individual Todos
  • Passing and Handling Parameters in Routes

Lesson 8: Development Builds

  • Concept of Development Builds vs Expo Go
  • Using Expo Application Services (EAS)
  • Building and Testing via Expo Cloud Services

Additional Resources

  • Expo Documentation: Comprehensive guides and tutorials.
  • React Native Documentation: Official resources for deeper understanding.
  • Zero to Mastery (ZTM): Advanced React Native course for production-grade apps.

Conclusion

  • Completion: Congratulations on completing the beginner course.
  • Next Steps: Consider advanced courses and practical application development.
  • Community and Support: Engage with learning communities for continued support.

Full transcript