UNPKG

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
# ๐ŸŽ‰ 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! ๐Ÿ› ๏ธโœจ