Skip to content

A simple React Native Expo app demonstrating the use of main React Native hooks. This project showcases a basic React Native app built using Expo, utilizing various React Native hooks to manage state and side effects.

Notifications You must be signed in to change notification settings

MashoodAli-Official/ReactNativeHooks

Repository files navigation

React Native Hooks Playground 🎣📱

A simple React Native Expo app showcasing the power of React Native hooks! 🎉 This project was built with Expo using create-expo-app.

⬇️ Clone the Repository

Ready to dive in? Clone this repository using one of these methods:

🛠️ Install Dependencies & Run

Get the app up and running with these simple steps:

  1. Navigate to Project Directory: After cloning, cd into the ReactNativeHooks folder.

  2. Install: Install the necessary dependencies:

    npm install

    or

    yarn install
  3. 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.

✨ Key Features

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. 📚

📂 Code Structure

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. 🛠️

🤝 Contributing

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! 🙌

About

A simple React Native Expo app demonstrating the use of main React Native hooks. This project showcases a basic React Native app built using Expo, utilizing various React Native hooks to manage state and side effects.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published