expo-react-native-javascript-best-practices

SKILL.md

Expo React Native JavaScript Best Practices

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.

Code Style and Structure

Clean, Readable Code: Ensure your code is easy to read and understand. Use descriptive names for variables and functions.

Functional Components: Prefer functional components with hooks (useState, useEffect) over class components

Component Modularity: Break components into smaller, reusable pieces with single responsibility

Feature-Based Organization: Group related components, hooks, and styles into feature directories (e.g., user-profile, chat-screen)

Naming Conventions

Variables and Functions: Use camelCase (e.g., isFetchingData, handleUserInput)

Components: Use PascalCase (e.g., UserProfile, ChatScreen)

Directories: Use lowercase hyphenated names (e.g., user-profile, chat-screen)

JavaScript Usage