/expo-react-native-nativewind-typescript-boilerplate

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 integration, this starter kit is designed to boost productivity with a robust TypeScript configuration. It includes pre-configured light/dark mode

Primary LanguageTypeScriptMIT LicenseMIT

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

Getting started

Run the following command on your local environment:

  1. 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
  1. 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