react-jwt
Version:
Small library for decoding json web tokens (JWT)
93 lines (71 loc) • 1.67 kB
Markdown
# react-jwt
> Small library for decoding json web tokens (JWT)
[](https://www.npmjs.com/package/react-jwt)
## Install
```bash
npm install react-jwt
or
yarn add react-jwt
```
## Usage
```jsx
import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const { decodedToken, isExpired } = useJwt(token);
/*
If is a valid jwt, 'decodedToken' will be a object
it could look like:
{
"name": "Gustavo",
"iat": 1596408259,
"exp": 4752168259
}
'isExpired' will return a boolean
true => your token is expired
false => your token is not expired
*/
return (
<div>
...
</div>
);
};
```
You can also use the methods isExpired(token) and decodeToken(token)
```jsx
import React from "react";
import { isExpired, decodeToken } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const myDecodedToken = decodeToken(token);
const isMyTokenExpired = isExpired(token);
return (
<div>
...
</div>
);
};
```
## Refresh state
If you use the reEvaluateToken(newToken) method, useJwt's state will be updated
```jsx
import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";
const Example = () => {
const { decodedToken, isExpired, reEvaluateToken } = useJwt(token);
const updateToken = () => {
const newToken = "A new JWT";
reEvaluateToken(newToken); // decodedToken and isExpired will be updated
}
return (
<div>
...
</div>
);
};
```
## License
MIT © [@gustavo0197](https://github.com/@gustavo0197)