react-manager-cookie

How to install

1npm 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

1/* eslint-disable no-restricted-syntax */
2import { useEffect } from 'react';
3
4import { useCookies } from 'react-manage-cookies';
5
6function Content() {
7  const { addCookie, getCookies } = useCookies();
8
9  addCookie({ key: 'teste', value: 'teste1', options: { days: 11, maxAge: 846000, secure: true } });
10
11  return (
12    <div>
13      <p>{JSON.stringfy(getCookies())}</p>
14    </div>
15  );
16}
17
18export 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

1/* eslint-disable no-restricted-syntax */
2import { useEffect } from 'react';
3
4import { useMonitorCookies } from 'react-manager-cookie';
5
6function Content() {
7  
8  const { cookies } = useMonitorCookies({ intervalTime: 500, cookiesToMonitor: ['teste'] });
9
10  return (
11    <div>
12        <p>{JSON.stringify(cookies)}<p>
13    </div>
14  );
15}
16
17export default Content;

Context

Usage

1import React from 'react';
2
3import { CookieProvider } from 'react-manager-cookie';
4
5import Content from './Content';
6
7const Main = () => {
8  return (
9    <CookieProvider>
10      <Content />
11    </CookieProvider>
12  );
13};
14
15export default Main;
16

1import { useContext } from 'react';
2import { CookieContext } from 'react-manager-cookie';
3
4const Content = () => {
5  const { getCookies } = useContext(CookieContext);
6  return <p>{JSON.stringify(getCookies())}</p>;
7};
8
9export default Content;
10

Tests

To run tests you can use the following command:

$ npm run test