React-manager-cookie NPM

react-manager-cookie

How to install

npm i react-manager-cookie

useCookies - Hook to manage cookies

Function Name	Description	Prop
`addCookie`	Function to add cookie	key:string, name:string, options Reference
getCookies	Function that returns all cookies as object
findCookie	Function to find specific cookie by name	name:string
checkIfCookieExists	Function that returns a boolean if cookie exists	name:string
deleteCookie	Function to delete cookie by name	name:string
eraseAllCookies	Function that delete all cookies	name:string

Usage

/* eslint-disable no-restricted-syntax */
import { useEffect } from 'react';

import { useCookies } from 'react-manage-cookies';

function Content() {
  const { addCookie, getCookies } = useCookies();

  addCookie({ key: 'teste', value: 'teste1', options: { days: 11, maxAge: 846000, secure: true } });

  return (
    <div>
      <p>{JSON.stringfy(getCookies())}</p>
    </div>
  );
}

export default Content;

useMonitorCookies - hook to manage and monitor cookies

This hooks inherits useCookies functions but has capability to monitor cookies

Function Name	Description	Prop
cookies	Function that returns all cookies as object

Usage

/* eslint-disable no-restricted-syntax */
import { useEffect } from 'react';

import { useMonitorCookies } from 'react-manager-cookie';

function Content() {
  
  const { cookies } = useMonitorCookies({ intervalTime: 500, cookiesToMonitor: ['teste'] });

  return (
    <div>
        <p>{JSON.stringify(cookies)}<p>
    </div>
  );
}

export default Content;

Context

Usage

import React from 'react';

import { CookieProvider } from 'react-manager-cookie';

import Content from './Content';

const Main = () => {
  return (
    <CookieProvider>
      <Content />
    </CookieProvider>
  );
};

export default Main;

import { useContext } from 'react';
import { CookieContext } from 'react-manager-cookie';

const Content = () => {
  const { getCookies } = useContext(CookieContext);
  return <p>{JSON.stringify(getCookies())}</p>;
};

export default Content;

Tests

To run tests you can use the following command:

$ npm run test

@rollup/plugin-babel @rollup/plugin-json @types/node @types/react-dom react react-dom react-scripts rollup-plugin-babel typescript web-vitals

@everything-registry/sub-chunk-2566

0.1.1

1 year ago

0.1.0

1 year ago