@audio-intakes/shared

v0.28.11

Published

Library exclusively used by Audio Intakes UI components.

Downloads

177

Readme

Getting started

For contributors

Visit our Wiki to see how to contribute.

For consumers

About

This is a shared library exclusively intended for developers working at Audio Intakes (@audio-intakes).

It includes configs, contexts, custom hooks and utility functions all consumed by Audio Intakes UI components (Library, Editor, Recorder, Player).

Versions

Latest: npm version

Documentation

Installation

This is a public scoped package of the audio-intakes NPM organization.

npm i @audio-intakes/shared

or

yarn add @audio-intakes/shared

Importing

A configuration file

import { themeNames } from "@audio-intakes/shared";

A Context

Importing Context Provider

import { TokenProvider } from "@audio-intakes/shared";

Importing useContext function

import { useToken } from "@audio-intakes/shared";

A hook

import { useIsFirstRender } from "@audio-intakes/shared";

A component

import { AudioSpectrum } from "@audio-intakes/shared";

A utility Function

import { validateTheme } from "@audio-intakes/shared";

Usage

A configuration constant

// Get all themes with light keyword
const arr = themeNames.map((t) => t.includes("light"));

A Context

Using Imported Context Provider

const Demo = () => {
  const jwtToken = "MY_JWT_TOKEN";
  return (
    <TokenProvider token={jwtToken}>
      <Consuming_Component />
    </TokenProvider>
  );
};

Using Imported useContext function

const tokenValue = useToken();

A hook

const isMount = useIsFirstRender();

A component

const Demo = (props) => {
  return (
    <AudioSpectrum {...props} />
  );
};

A utility Function

const themeName = "light";
const validatedTheme = validateTheme(themeName);

Configs

Contexts

Utils

Hooks

Inspiration:

Some inspirational repositories to keep tracking for new ideas:

react-hooks: https://react-hooks.org\ rooks: https://github.com/imbhargav5/rooks\ react-use: https://github.com/streamich/react-use

Hooks: