@airsoko/react

Airsoko react package

📑 Table of Contents

Table

• Overview

• Installation

  • Prerequisites
  • Installation
  • Using Airsoko
  • Updating
  • Uninstallation

• API Reference

• License

• Built With

Overview

The npm package provides essential utilities for handling react within the Airsoko application.

Installation

npm install @airsoko/react

Prerequisites

• Node.js (version 16 or higher)
• npm (or yarn)

Uninstalling

If you wish to uninstall Airsoko next, use:

npm uninstall  @airsoko/react

API Reference

Example

Step 1: Wrap the Application with AirsokoReactProvider

To enable authentication within your React application, you need to wrap it with the AirsokoReactProvider component provided. This component sets up the necessary react context, allowing your components to access shop information.

Here's an example of how to use the AirsokoReactProvider:

import { CartProvider, CheckoutProvider, AirsokoReactProvider, WishlistProvider } from "@airsoko/react";
import App, { AppProps } from "next/app";

export default function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <AirsokoReactProvider
        storeDomain={'myshop.airsoko.com'}
        storefrontToken="mytoken"
        storefrontApiVersion="2024-01"
        countryIsoCode="US"
        languageIsoCode="EN"
      >
        <CartProvider>
          <CheckoutProvider
            deliveryLocationDefaultOptions={{
              country: "KE",
              county: "Nairobi",
              town: "CBD - GPO/City Market/Nation Centre",
              selectedOption: {
                type: "pickup",
                minimumDeliveryTimeInDays: 2,
                maximumDeliveryTimeInDays: 3,
                shippingAmmout: "112",
              },
            }}
          >
            <WishlistProvider>
               <Component {...pageProps} />
            </WishlistProvider>
          </CheckoutProvider>
        </CartProvider>
      </AirsokoReactProvider>
    </>
  );
}

🤝 Contributing

Contributions to improve this package are welcome. Please adhere to the project's coding standards and commit guidelines.

License

MIT License

⚒️ Built With

• 

• 

  ---

  🌟 This README was generated with 💖 by Airsoko