• Labs
  1. Welcome to Teknolabs > 
  2. Courses > 
  3. Mobile App Dev > 
  4. Flutter & React Native

Cross-Platform Mobile Development: Flutter & React Native

This tutorial teaches React Native and Flutter side by side. We build the same app (a Notes app) in both frameworks, so you can compare how each one solves the same problem.

Labs

  • Part 1: Fundamentals and a local Notes app
  • Part 2: Connecting the app to a database (Appwrite)
  • Part 3: Authentication, per-user data and publishing

Next step: build the same app natively in Native Android Development: Kotlin & Jetpack Compose.


By Wahid Hamdi

Teknolabs
  • Home

  • Courses
    • AWS Cloud Services
      • Lab 00 - LocalStack
      • Lab 01 — IAM
      • Lab 02 — S3
      • Lab 03 — EC2
      • Lab 04 — SQS & SNS
      • Lab 05 — CloudFormation
    • Mobile App Dev
      • Flutter & React Native
        • Part 1
        • Part 2
        • Part 3
      • Kotlin & Jetpack Compose
        • Part 1
        • Part 2
        • Part 3
    • Java Spring Boot
      • Module 1 - Intro. & Env. Setup
        • Lab
      • Module 2 - Web App and MVC
        • Lab basic
        • Lab advanced
      • Module 3 - RESTful API
        • Lab basic
        • Lab advanced
      • Module 4 - Spring Boot JPA
        • Lab basic
        • Lab advanced
      • Module 5 - Spring Boot Redis
        • Lab basic
        • Lab advanced
      • Module 7 - Eureka & Feign
        • Lab basic
        • Lab advanced
      • Module 8 - API Gateway
        • Lab basic
        • Lab advanced
      • Module 9 - Containerization
        • Lab basic
        • Lab advanced
      • Module 11 - Spring Boot Testing
        • Lab basic
        • Lab advanced
    • Python Programming
      • Advanced Python
        • Pydantic
        • Requests
        • FastAPI
        • Streamlit
        • FastAPI with PostgreSQL
        • Web Scraping
        • Langchain
        • Crawl4AI
        • LLM Access with FastAPI and Ollama
        • Machine Learning
        • MCP with FastAPI
      • Python Ethical Hacking
        • Lab 01 — Port Scanner
        • Lab 01 - Challenge
        • Lab 02 — SSH Brute Forcer
        • Lab 02 - Challenge
        • Lab 03 — ARP Spoofer
        • Lab 03 - Challenge
      • Programmation Réseaux
        • Module 1 - Git & GitHub
          • TP 1 - Git local
          • TP 2 - Branches & merge
          • TP 3 - GitHub distant
          • TP 4 - PR & protection
        • Module 2 - API REST & Embarqué
          • Environnement TP 5
          • TP 5 - MikroTik
          • Environnement TP 6
          • TP 6 - FortiGate
          • Environnement TP 7
          • TP 7 - OPNsense
          • Environnement TP 8
          • TP 8 - OpenWrt
        • Module 3 - YANG & SDN
          • Environnement TP 9
          • TP 9 - Cisco RESTCONF
          • Environnement TP 10
          • TP 10 - Cisco NETCONF
          • Environnement TP 11
          • TP 11 - Arista eAPI
        • Module 4 - NetDevOps
          • Environnement TP 12
          • TP 12 - VyOS IaC
          • Environnement TP 13
          • TP 13 - Netmiko
          • Environnement TP 14
          • TP 14 - Nornir
        • Module 5 - NetSecDevOps
          • Environnement TP 15
          • TP 15 - Firewall-as-Code
          • Environnement TP 16
          • TP 16 - ZTNA NetBird
          • Environnement TP 17
          • TP 17 - SOAR
          • Environnement TP 18
          • TP 18 - NetworkPolicy K8s
          • Environnement TP 19
          • TP 19 - Compliance-as-Code
    • Software Testing
      • Lecture
        • Introduction to Software Testing
        • Test Management with X-Ray and Zephyr in Jira
        • Unit Testing with Spring Boot
        • Integration Testing with Spring Boot
        • JavaScript Testing
        • End-to-End Testing
        • Reporting and Metrics
        • Best Practices and Integration
        • Using AI and AI Tools in Software Testing
      • Labs
        • Lab 1 - Unit Testing
        • Lab 2 - Integration Testing
        • Lab 3 - E2E Testing
        • Lab 4 - Using Jira for Testing and Scrum Practices
        • Lab 5 - Integrating Confluence and GitHub
        • Lab 6 - Stress Testing
        • Lab 7 - Using AI and AI Tools
        • Lab 8 - Using Dart AI
    • Web Academy
      • Full Stack Web App
        • TP1 - Front-End
        • TP2 - REST API
        • TP3 - Database & Deploy
  • Resources
  • About Teknolabs
More
  • Building a Full Stack Web Application

  •  
  •  
  •  

Built with by Hugo