UNPKG

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
# πŸŽ‰ 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? 😎