expo-react-native-nativewind-typescript-boilerplate
expo-react-native-nativewind-typescript-boilerplate copied to clipboard
This boilerplate provides a streamlined setup for building modern React Native applications. Leveraging Expo for development, React Native for native app building, and NativeWind for Tailwind CSS inte...
Simple & Fast Starter for React Native, Expo, NativeWind, and TypeScript
This boilerplate provides a fast and modern setup for building React Native applications with Expo, NativeWind, and TypeScript. It's designed to enhance developer experience and streamline your development process.
Features
Developer experience first:
- ⚡ Expo for mobile development
- ⚛️ React Native for building native apps using React
- 🔥 Type checking TypeScript
- 💎 Integrate with NativeWind, Tailwind CSS for React Native
- 🌜 Light/Dark mode already setup with toggle
- 📁 File-based routing with Expo Router
- 📏 Linter with ESLint
- 💖 Code Formatter with Prettier
- 🤡 Unit Testing with Jest
- 💡 Absolute Imports using
@prefix
Requirements
- Node.js 14+ (recommended version: 18.x)
- npm or (YARN IS VERY RECOMMENDED)
- iOS Simulator
- Android Studio Emulator
Getting started
Run the following command on your local environment:
- Clone the repository:
git clone --depth=1 https://github.com/Teczer/expo-react-native-nativewind-typescript-boilerplate.git my-project-name
cd my-project-name
yarn
- Then, you can run locally in development mode with live reload:
yarn start
# Or
yarn ios
# Or
yarn android
This will open the app in the iOS simulator or Android emulator.
Testing with Jest
To run the unit tests, run the following command:
yarn test
Contributions
Contributions are welcome! If you find a bug or have suggestions for improvements, please open an issue on the GitHub repository. You can also submit pull requests with enhancements or fixes.
License
Licensed under the MIT License, Copyright © 2024
See LICENSE for more information.
Made with ♥ by Teczer