Engenharia de Software Frontend (React Native) - PerfectJob

What problem does it solve?

This Skill unit provides best practices, architectural patterns, and conventions for developing mobile applications with React Native, aiming to improve the development process of the PerfectJob project.

Core Features & Use Cases

• Technology Stack: Offers a comprehensive set of tools and libraries for React Native development, including React, TypeScript, Expo, and navigation libraries.
• Navigation: Includes configuration for React Navigation, enabling stack, tab, and drawer navigators.
• State Management & API: Utilizes TanStack Query and Zustand for server and client state management, with Axios for API interactions.
• Styling: Employs StyleSheet, Design Tokens, and Reanimated for styling and animations.
• Performance & Monitoring: Utilizes performance tools and best practices, including React Native Performance, FlashList, and react-native-mmkv.
• UI/UX Principles: Focuses on mobile-first design, performance, state management, and navigation.
• Design Patterns: Implements patterns like Compound Components, Render Props, Custom Hooks, Container/Presentational, and Observer for clean and scalable code.
• Best Practices: Includes API client setup, query keys centralization, optimistic updates, infinite scroll, error boundary, image loading, and security practices.
• Testing: Offers a testing structure with unit tests, integration tests, and E2E tests.

Quick Start

Integrate the React Native frontend codebase from this skill unit into your project for a robust, performance-optimized mobile application development process.