Skip to content

Latest commit

 

History

History
83 lines (58 loc) · 2.92 KB

README.md

File metadata and controls

83 lines (58 loc) · 2.92 KB

Project Name: React Native Storybook with RTK Query

README

Welcome to the React Native Storybook with RTK Query project! This repository contains code for a React Native application integrated with Storybook for UI component development and Redux Toolkit Query (RTK Query) for efficient data fetching and caching.

Project Overview

The React Native Storybook with RTK Query project aims to streamline the development process by providing a visual environment for designing and testing UI components using Storybook. Additionally, it leverages RTK Query for managing data fetching and caching in a Redux-powered application, enhancing performance and scalability.

Dependencies

  • @reduxjs/toolkit (^2.2.3)

    • A package that enables efficient Redux development with a minimal setup.

  • react-native (0.73.6)

    • A framework for building native apps using React.

  • react-native-calendars (^1.1304.1)

    • A customizable calendar component for React Native applications.

  • react-native-gesture-handler (^2.16.0)

    • A library for gesture recognition in React Native.

  • react-redux (^9.1.1)

    • Official React bindings for Redux.

Additional Dependencies for Storybook

  • @storybook/react-native

    • Storybook for React Native, providing a UI development environment for building components in isolation.

  • @storybook/addon-actions

    • Addon for Storybook that allows logging actions for components in the Storybook UI.

  • @storybook/addon-links

    • Addon for Storybook that allows linking stories together in the Storybook UI.

  • @storybook/addons

    • Addons for Storybook that enhance its capabilities with various features.

Usage

  1. Clone this repository to your local machine using:

    git clone https://github.com/mariauxbert/StoryBookAndRTKQuery

  2. Navigate to the project directory:

    cd StoryBookAndRTKQuery

  3. Install dependencies using npm or yarn:

    npm install

    or

    yarn install

  4. Start the Storybook server:

    npm run storybook

    or

    yarn storybook

  5. Open the Storybook UI in your browser to view and interact with the available components.

  6. Integrate RTK Query into your application according to the documentation provided by Redux Toolkit.

Additional Notes

  • Ensure that your development environment is set up for React Native before running the project.
  • Customize Storybook stories and components to suit your project's requirements.
  • Utilize RTK Query for efficient data fetching and caching in your React Native application.
  • For any issues or questions related to Storybook or RTK Query integration, please refer to the respective documentation or create a new issue in the repository.

Enjoy developing and testing UI components with Storybook and managing data with RTK Query in your React Native application! If you have any further questions or need assistance, feel free to ask.