A simple React Native Expo app showcasing the power of React Native hooks! 🎉 This project was built with Expo using create-expo-app.
Ready to dive in? Clone this repository using one of these methods:
- HTTPS: https://github.com/MashoodAli-Official/ReactNativeHooks.git
- SSH:
git@github.com:MashoodAli-Official/ReactNativeHooks.git - GitHub CLI:
gh repo clone MashoodAli-Official/ReactNativeHooks
Get the app up and running with these simple steps:
-
Navigate to Project Directory: After cloning,
cdinto theReactNativeHooksfolder. -
Install: Install the necessary dependencies:
npm install
or
yarn install
-
Start: Launch the app!
expo start
This will fire up the Expo development server. You can then access the app on your physical device or in an emulator.
This app demonstrates the core React Native hooks, providing practical examples for:
useState: Managing state within functional components. 🎛️useEffect: Handling side effects like data fetching and subscriptions. 🔄useContext: Sharing data across components without prop drilling. 🤝useReducer: Managing complex state logic with a reducer function. 🧠useCallback: Optimizing performance by memoizing callback functions. ⚡useMemo: Memoizing expensive computations for increased efficiency. 🚀
Plus:
- Built with Expo: Enjoy a smooth, hassle-free development process. 🚀
- Clear Code Structure: Easy to follow and learn from. 📚
The project is neatly organized into these directories:
components: Reusable UI elements to build upon. 🧩hooks: Your custom hooks for specialized logic. 🪝screens: Each screen showcases a specific hook in action. 📱utils: Helper functions and constants. 🛠️
Your contributions are highly valued! Feel free to:
- Submit pull requests with improvements or new features.
- Report any issues or bugs you find.
All feedback is very welcome. Let's learn and build together! 🙌