Visão Geral

Este curso aprofunda o uso do React Native em nível profissional, focando na criação de Native Modules, otimização de desempenho e integração avançada com plataformas iOS e Android. É ideal para quem já domina o básico e quer elevar a qualidade, estabilidade e velocidade de apps mobile reais.

Objetivo

Após realizar este curso, você será capaz de:

• Criar módulos nativos personalizados em Android e iOS.
• Integrar código Java/Kotlin e Swift/Objective-C ao seu projeto.
• Otimizar desempenho de apps com técnicas avançadas.
• Usar ferramentas de profiling e debugging.
• Reduzir uso de memória, travamentos e melhorar FPS.
• Construir apps mais rápidos e escaláveis.

Publico Alvo

• Desenvolvedores mobile que já conhecem React Native.
• Profissionais que desejam integrar funcionalidades nativas (Java/Kotlin/Swift).
• Pessoas que buscam melhorar performance de apps em produção.
• Desenvolvedores de nível intermediário a avançado.

Pre-Requisitos

• Conhecimento intermediário de JavaScript/TypeScript.
• Conhecimento prévio de React Native.
• Noções básicas de Java (Android) e Swift (iOS) são recomendadas.
• Node.js instalado.

Conteúdo Programatico

Module 1 — Foundations of Native Integrations

1. Introduction to Native Modules Architecture
2. React Native Bridge Deep Dive
3. When to Use Native Code vs JavaScript
4. Project Structure for Native Development
5. Understanding JSI (JavaScript Interface)

Module 2 — Android Native Modules (Java & Kotlin)

1. Creating Your First Native Module in Android
2. Exposing Native Methods to JavaScript
3. Handling Callbacks and Promises
4. Using Kotlin for Modern Android Integration
5. Accessing Device Hardware and Sensors
6. Writing TurboModules with JSI (Android)

Module 3 — iOS Native Modules (Swift & Objective-C)

1. Creating Native Modules in iOS
2. Exposing Swift Functions to JavaScript
3. Bridging Between Swift and Objective-C
4. Handling Asynchronous Operations in iOS
5. Using JSI to Build High-Performance Modules
6. Interacting with iOS Frameworks (Photos, CoreLocation, etc.)

Module 4 — Native UI Components

1. Building Custom Native UI Views (iOS & Android)
2. Integrating Gestures and Animations
3. Synchronizing JS Layout with Native Layout
4. Creating Cross-Platform Custom Components
5. Performance Trade-offs: JS Views vs Native Views

Module 5 — Performance Optimization

1. Understanding the RN Performance Model
2. Optimizing Rendering and Re-Renders
3. Improving List Performance (FlatList, RecyclerListView)
4. Reducing Bundle Size
5. Memory Optimization Techniques
6. FPS Monitoring and Frame Drops Analysis

Module 6 — Profiling & Debugging

1. Using Flipper for Advanced Debugging
2. Android Studio Profiler
3. Xcode Instruments Analysis
4. Tracking Memory Leaks
5. Identifying and Solving Bottlenecks
6. Monitoring Network, CPU, JS Thread, and UI Thread

Module 7 — Multithreading & Concurrency

1. Understanding JS Thread, UI Thread & Native Threads
2. Using JSI for Multi-Threading
3. Background Tasks with Headless JS
4. Concurrent Operations in Native Modules
5. Offloading CPU-Heavy Work to Native Code

Module 8 — Integrations & Real-World Scenarios

1. Integrating Native SDKs (Firebase, Payments, Maps, ML Kits)
2. Advanced Permissions Handling
3. Building Secure Native Modules
4. Using C++ with React Native (for critical performance)
5. Refactoring a Legacy App for Performance Boost

Module 9 — Deployment & Production

1. Release Build Optimization
2. ProGuard & R8 for Android
3. Bitcode, App Thinning & Optimization for iOS
4. Crash Reporting & Monitoring
5. Real-World Guidelines for High-Performance Apps