with-router-tailwind-reanimated
Version:
Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly!
101 lines (66 loc) β’ 2.62 kB
Markdown
# π React Native Starter Template π
Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly! π¨
This template includes:
- π **React Navigation** for powerful navigation
- π
**Tailwind CSS** via [NativeWind](https://www.nativewind.dev/v4/overview/) for responsive styling
- β‘ **Reanimated** for smooth animations
- π¨ **React Native Vector Icons** for beautiful icons
- π A solid foundation with pre-configured libraries to jumpstart your next project
## π₯ Features
- **React Navigation**: Seamlessly handle navigation like a pro.
- **NativeWind (Tailwind CSS)**: Write utility-first styles with ease.
- **Reanimated**: Create buttery-smooth animations effortlessly.
- **Vector Icons**: Access a variety of icons to enhance your UI.
- **Fully Configured Setup**: No hassle, just start coding!
- **Scalable Structure**: Organized folder layout to grow with your app.
## π Get Started
### 1οΈβ£ Initialize a New Project:
```bash
npx react-native init MyAwesomeApp --template with-router-tailwind-reanimated
```
### 2οΈβ£ Navigate to Your App Directory:
```bash
cd MyAwesomeApp
```
### 3οΈβ£ Start the App:
For iOS:
```bash
npx react-native run-ios
```
For Android:
```bash
npx react-native run-android
```
## π¦ What's Inside?
- **React Navigation** for file-based navigation
- **NativeWind** for styling with Tailwind CSS classes
- **Reanimated** for advanced gesture-based animations
- Pre-installed utilities like **Axios** and **React Query** (optional)
- Clean and modular folder structure:
```
βββ src/
β βββ navigation/ # App navigation setup
β βββ screens/ # App screens
β βββ components/ # Reusable components
β βββ hooks/ # Custom hooks
β βββ utils/ # Helper functions
βββ ...
```
## π Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org)
- [React Native CLI](https://reactnative.dev/docs/environment-setup)
## π€ Contributing
Contributions are always welcome! Whether it's improving the code, adding features, or fixing bugsβfeel free to open a pull request.
## β€οΈ Support
If this template makes your life easier, consider giving it a β on GitHub or supporting my work on [GitHub Sponsors](https://github.com/sponsors/Abdullah0Dev)!
### Ready to build something awesome? Let's go! π οΈβ¨
This README is clean, engaging, and informative while showcasing your templateβs awesomeness. What do you think? π