stylish-pack
Version:
Your go-to React Native CLI template packed with **amazing tools** for building robust apps quickly!
84 lines (63 loc) โข 2.59 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! ๐ ๏ธโจ