Skip to content

Commit 33a9b90

Browse files
author
Antonio Russo
committed
useSessionStorage
1 parent 45ca1aa commit 33a9b90

23 files changed

+338
-278
lines changed

CHANGELOG.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -522,3 +522,13 @@ online
522522
### Fixed
523523

524524
- `module` property added to `package.jsoin` to support ESModules
525+
526+
527+
## [0.26.0] - 2020-07-06
528+
529+
### Added
530+
531+
- useSessionStorage hook & documentation
532+
- useStorage refactory
533+
- useStorage types refactory
534+

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,7 @@ $ yarn add beautiful-react-hooks
9494
* [useDebouncedFn](docs/useDebouncedFn.md)
9595
* [useThrottledFn](docs/useThrottledFn.md)
9696
* [useLocalStorage](docs/useLocalStorage.md)
97+
* [useSessionStorage](docs/useSessionStorage.md)
9798
* [useStorage](docs/useStorage.md)
9899

99100
<div>

docs/README.es-ES.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -72,26 +72,28 @@ $ yarn add beautiful-react-hooks
7272

7373
## 🎨 Hooks
7474

75-
* [useGlobalEvent](useGlobalEvent.md)
76-
* [usePreviousValue](usePreviousValue.md)
77-
* [useValueHistory](useValueHistory.md)
78-
* [useValidatedState](useValidatedState.md)
79-
* [useMediaQuery](useMediaQuery.md)
80-
* [useOnlineState](useOnlineState.md)
81-
* [useViewportSpy](useViewportSpy.md)
82-
* [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) and [useGeolocationEvents](useGeolocationEvents.md)
83-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) y [useDragEvents](useDragEvents.md)
84-
* [useMouse](useMouse.md), [useMouseState](useMouseState.md) y [useMouseEvents](useMouseEvents.md)
85-
* [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) y [useWillUnmount](useWillUnmount.md)
86-
* [useWindowResize](useWindowResize.md)
87-
* [useWindowScroll](useWindowScroll.md)
88-
* [useRequestAnimationFrame](useRequestAnimationFrame.md)
89-
* [useTimeout](useTimeout.md)
90-
* [useConditionalTimeout](useConditionalTimeout.md)
91-
* [useInterval](useInterval.md)
92-
* [useDebouncedFn](useDebouncedFn.md)
93-
* [useThrottledFn](useThrottledFn.md)
94-
* [useLocalStorage](useLocalStorage.md)
75+
* [useGlobalEvent](docs/useGlobalEvent.md)
76+
* [usePreviousValue](docs/usePreviousValue.md)
77+
* [useValueHistory](docs/useValueHistory.md)
78+
* [useValidatedState](docs/useValidatedState.md)
79+
* [useMediaQuery](docs/useMediaQuery.md)
80+
* [useOnlineState](docs/useOnlineState.md)
81+
* [useViewportSpy](docs/useViewportSpy.md)
82+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
83+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
84+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
85+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
86+
* [useWindowResize](docs/useWindowResize.md)
87+
* [useWindowScroll](docs/useWindowScroll.md)
88+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
89+
* [useTimeout](docs/useTimeout.md)
90+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
91+
* [useInterval](docs/useInterval.md)
92+
* [useDebouncedFn](docs/useDebouncedFn.md)
93+
* [useThrottledFn](docs/useThrottledFn.md)
94+
* [useLocalStorage](docs/useLocalStorage.md)
95+
* [useSessionStorage](docs/useSessionStorage.md)
96+
* [useStorage](docs/useStorage.md)
9597

9698
<div>
9799
<p align="center">

docs/README.it-IT.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -71,26 +71,28 @@ $ yarn add beautiful-react-hooks
7171

7272
## 🎨 Hooks
7373

74-
* [useGlobalEvent](useGlobalEvent.md)
75-
* [usePreviousValue](usePreviousValue.md)
76-
* [useValueHistory](useValueHistory.md)
77-
* [useValidatedState](useValidatedState.md)
78-
* [useMediaQuery](useMediaQuery.md)
79-
* [useOnlineState](useOnlineState.md)
80-
* [useViewportSpy](useViewportSpy.md)
81-
* [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) and [useGeolocationEvents](useGeolocationEvents.md)
82-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) e [useDragEvents](useDragEvents.md)
83-
* [useMouse](useMouse.md), [useMouseState](useMouseState.md) e [useMouseEvents](useMouseEvents.md)
84-
* [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) e [useWillUnmount](useWillUnmount.md)
85-
* [useWindowResize](useWindowResize.md)
86-
* [useWindowScroll](useWindowScroll.md)
87-
* [useRequestAnimationFrame](useRequestAnimationFrame.md)
88-
* [useTimeout](useTimeout.md)
89-
* [useConditionalTimeout](useConditionalTimeout.md)
90-
* [useInterval](useInterval.md)
91-
* [useDebouncedFn](useDebouncedFn.md)
92-
* [useThrottledFn](useThrottledFn.md)
93-
* [useLocalStorage](useLocalStorage.md)
74+
* [useGlobalEvent](docs/useGlobalEvent.md)
75+
* [usePreviousValue](docs/usePreviousValue.md)
76+
* [useValueHistory](docs/useValueHistory.md)
77+
* [useValidatedState](docs/useValidatedState.md)
78+
* [useMediaQuery](docs/useMediaQuery.md)
79+
* [useOnlineState](docs/useOnlineState.md)
80+
* [useViewportSpy](docs/useViewportSpy.md)
81+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
82+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
83+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
84+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
85+
* [useWindowResize](docs/useWindowResize.md)
86+
* [useWindowScroll](docs/useWindowScroll.md)
87+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
88+
* [useTimeout](docs/useTimeout.md)
89+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
90+
* [useInterval](docs/useInterval.md)
91+
* [useDebouncedFn](docs/useDebouncedFn.md)
92+
* [useThrottledFn](docs/useThrottledFn.md)
93+
* [useLocalStorage](docs/useLocalStorage.md)
94+
* [useSessionStorage](docs/useSessionStorage.md)
95+
* [useStorage](docs/useStorage.md)
9496

9597
<div>
9698
<p align="center">

docs/README.jp-JP.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@ $ yarn add beautiful-react-hooks
9292
* [useDebouncedFn](docs/useDebouncedFn.md)
9393
* [useThrottledFn](docs/useThrottledFn.md)
9494
* [useLocalStorage](docs/useLocalStorage.md)
95+
* [useSessionStorage](docs/useSessionStorage.md)
9596
* [useStorage](docs/useStorage.md)
9697

9798
<div>

docs/README.pl-PL.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -71,26 +71,28 @@ $ yarn add beautiful-react-hooks
7171

7272
## 🎨 Hooki
7373

74-
* [useGlobalEvent](useGlobalEvent.md)
75-
* [usePreviousValue](usePreviousValue.md)
76-
* [useValueHistory](useValueHistory.md)
77-
* [useValidatedState](useValidatedState.md)
78-
* [useMediaQuery](useMediaQuery.md)
79-
* [useOnlineState](useOnlineState.md)
80-
* [useViewportSpy](useViewportSpy.md)
81-
* [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) and [useGeolocationEvents](useGeolocationEvents.md)
82-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) i [useDragEvents](useDragEvents.md)
83-
* [useMouse](useMouse.md), [useMouseState](useMouseState.md) i [useMouseEvents](useMouseEvents.md)
84-
* [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) i [useWillUnmount](useWillUnmount.md)
85-
* [useWindowResize](useWindowResize.md)
86-
* [useWindowScroll](useWindowScroll.md)
87-
* [useRequestAnimationFrame](useRequestAnimationFrame.md)
88-
* [useTimeout](useTimeout.md)
89-
* [useConditionalTimeout](useConditionalTimeout.md)
90-
* [useInterval](useInterval.md)
91-
* [useDebouncedFn](useDebouncedFn.md)
92-
* [useThrottledFn](useThrottledFn.md)
93-
* [useLocalStorage](useLocalStorage.md)
74+
* [useGlobalEvent](docs/useGlobalEvent.md)
75+
* [usePreviousValue](docs/usePreviousValue.md)
76+
* [useValueHistory](docs/useValueHistory.md)
77+
* [useValidatedState](docs/useValidatedState.md)
78+
* [useMediaQuery](docs/useMediaQuery.md)
79+
* [useOnlineState](docs/useOnlineState.md)
80+
* [useViewportSpy](docs/useViewportSpy.md)
81+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
82+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
83+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
84+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
85+
* [useWindowResize](docs/useWindowResize.md)
86+
* [useWindowScroll](docs/useWindowScroll.md)
87+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
88+
* [useTimeout](docs/useTimeout.md)
89+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
90+
* [useInterval](docs/useInterval.md)
91+
* [useDebouncedFn](docs/useDebouncedFn.md)
92+
* [useThrottledFn](docs/useThrottledFn.md)
93+
* [useLocalStorage](docs/useLocalStorage.md)
94+
* [useSessionStorage](docs/useSessionStorage.md)
95+
* [useStorage](docs/useStorage.md)
9496

9597
<div>
9698
<p align="center">

docs/README.pt-BR.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -72,26 +72,28 @@ $ yarn add beautiful-react-hooks
7272

7373
## 🎨 Hooks
7474

75-
* [useGlobalEvent](useGlobalEvent.md)
76-
* [usePreviousValue](usePreviousValue.md)
77-
* [useValueHistory](useValueHistory.md)
78-
* [useValidatedState](useValidatedState.md)
79-
* [useMediaQuery](useMediaQuery.md)
80-
* [useOnlineState](useOnlineState.md)
81-
* [useViewportSpy](useViewportSpy.md)
82-
* [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) e [useGeolocationEvents](useGeolocationEvents.md)
83-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) e [useDragEvents](useDragEvents.md)
84-
* [useMouse](useMouse.md), [useMouseState](useMouseState.md) e [useMouseEvents](useMouseEvents.md)
85-
* [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) e [useWillUnmount](useWillUnmount.md)
86-
* [useWindowResize](useWindowResize.md)
87-
* [useWindowScroll](useWindowScroll.md)
88-
* [useRequestAnimationFrame](useRequestAnimationFrame.md)
89-
* [useTimeout](useTimeout.md)
90-
* [useConditionalTimeout](useConditionalTimeout.md)
91-
* [useInterval](useInterval.md)
92-
* [useDebouncedFn](useDebouncedFn.md)
93-
* [useThrottledFn](useThrottledFn.md)
94-
* [useLocalStorage](useLocalStorage.md)
75+
* [useGlobalEvent](docs/useGlobalEvent.md)
76+
* [usePreviousValue](docs/usePreviousValue.md)
77+
* [useValueHistory](docs/useValueHistory.md)
78+
* [useValidatedState](docs/useValidatedState.md)
79+
* [useMediaQuery](docs/useMediaQuery.md)
80+
* [useOnlineState](docs/useOnlineState.md)
81+
* [useViewportSpy](docs/useViewportSpy.md)
82+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
83+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
84+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
85+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
86+
* [useWindowResize](docs/useWindowResize.md)
87+
* [useWindowScroll](docs/useWindowScroll.md)
88+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
89+
* [useTimeout](docs/useTimeout.md)
90+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
91+
* [useInterval](docs/useInterval.md)
92+
* [useDebouncedFn](docs/useDebouncedFn.md)
93+
* [useThrottledFn](docs/useThrottledFn.md)
94+
* [useLocalStorage](docs/useLocalStorage.md)
95+
* [useSessionStorage](docs/useSessionStorage.md)
96+
* [useStorage](docs/useStorage.md)
9597

9698
<div>
9799
<p align="center">

docs/README.uk-UA.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -73,26 +73,28 @@ $ yarn add beautiful-react-hooks
7373

7474
## 🎨 Хуки
7575

76-
* [useGlobalEvent](useGlobalEvent.md)
77-
* [usePreviousValue](usePreviousValue.md)
78-
* [useValueHistory](useValueHistory.md)
79-
* [useValidatedState](useValidatedState.md)
80-
* [useMediaQuery](useMediaQuery.md)
81-
* [useOnlineState](useOnlineState.md)
82-
* [useViewportSpy](useViewportSpy.md)
83-
* [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) та [useGeolocationEvents](useGeolocationEvents.md)
84-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) та [useDragEvents](useDragEvents.md)
85-
* [useMouse](useMouse.md), [useMouseState](useMouseState.md) та [useMouseEvents](useMouseEvents.md)
86-
* [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) та [useWillUnmount](useWillUnmount.md)
87-
* [useWindowResize](useWindowResize.md)
88-
* [useWindowScroll](useWindowScroll.md)
89-
* [useRequestAnimationFrame](useRequestAnimationFrame.md)
90-
* [useTimeout](useTimeout.md)
91-
* [useConditionalTimeout](useConditionalTimeout.md)
92-
* [useInterval](useInterval.md)
93-
* [useDebouncedFn](useDebouncedFn.md)
94-
* [useThrottledFn](useThrottledFn.md)
95-
* [useLocalStorage](useLocalStorage.md)
76+
* [useGlobalEvent](docs/useGlobalEvent.md)
77+
* [usePreviousValue](docs/usePreviousValue.md)
78+
* [useValueHistory](docs/useValueHistory.md)
79+
* [useValidatedState](docs/useValidatedState.md)
80+
* [useMediaQuery](docs/useMediaQuery.md)
81+
* [useOnlineState](docs/useOnlineState.md)
82+
* [useViewportSpy](docs/useViewportSpy.md)
83+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
84+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
85+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
86+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
87+
* [useWindowResize](docs/useWindowResize.md)
88+
* [useWindowScroll](docs/useWindowScroll.md)
89+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
90+
* [useTimeout](docs/useTimeout.md)
91+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
92+
* [useInterval](docs/useInterval.md)
93+
* [useDebouncedFn](docs/useDebouncedFn.md)
94+
* [useThrottledFn](docs/useThrottledFn.md)
95+
* [useLocalStorage](docs/useLocalStorage.md)
96+
* [useSessionStorage](docs/useSessionStorage.md)
97+
* [useStorage](docs/useStorage.md)
9698

9799
<div>
98100
<p align="center">

docs/README.zh-CN.md

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -70,26 +70,28 @@ $ yarn add beautiful-react-hooks
7070

7171
## 🎨 Hooks
7272

73-
- [useGlobalEvent](useGlobalEvent.md)
74-
- [usePreviousValue](usePreviousValue.md)
75-
- [useValueHistory](useValueHistory.md)
76-
- [useValidatedState](useValidatedState.md)
77-
- [useMediaQuery](useMediaQuery.md)
78-
- [useOnlineState](useOnlineState.md)
79-
- [useViewportSpy](useViewportSpy.md)
80-
- [useGeolocation](useGeolocation.md), [useGeolocationState](useGeolocationState.md) and [useGeolocationEvents](useGeolocationEvents.md)
81-
* [useDrag](useDrag.md), [useDropZone](useDropZone.md) and [useDragEvents](useDragEvents.md)
82-
- [useMouse](useMouse.md), [useMouseState](useMouseState.md) and [useMouseEvents](useMouseEvents.md)
83-
- [useLifecycle](useLifecycle.md), [useDidMount](useDidMount.md) and [useWillUnmount](useWillUnmount.md)
84-
- [useWindowResize](useWindowResize.md)
85-
- [useWindowScroll](useWindowScroll.md)
86-
- [useRequestAnimationFrame](useRequestAnimationFrame.md)
87-
- [useTimeout](useTimeout.md)
88-
- [useConditionalTimeout](useConditionalTimeout.md)
89-
- [useInterval](useInterval.md)
90-
- [useDebouncedFn](useDebouncedFn.md)
91-
- [useThrottledFn](useThrottledFn.md)
92-
- [useLocalStorage](useLocalStorage.md)
73+
* [useGlobalEvent](docs/useGlobalEvent.md)
74+
* [usePreviousValue](docs/usePreviousValue.md)
75+
* [useValueHistory](docs/useValueHistory.md)
76+
* [useValidatedState](docs/useValidatedState.md)
77+
* [useMediaQuery](docs/useMediaQuery.md)
78+
* [useOnlineState](docs/useOnlineState.md)
79+
* [useViewportSpy](docs/useViewportSpy.md)
80+
* [useGeolocation](docs/useGeolocation.md), [useGeolocationState](docs/useGeolocationState.md) and [useGeolocationEvents](docs/useGeolocationEvents.md)
81+
* [useDrag](docs/useDrag.md), [useDropZone](docs/useDropZone.md) and [useDragEvents](docs/useDragEvents.md)
82+
* [useMouse](docs/useMouse.md), [useMouseState](docs/useMouseState.md) and [useMouseEvents](docs/useMouseEvents.md)
83+
* [useLifecycle](docs/useLifecycle.md), [useDidMount](docs/useDidMount.md) and [useWillUnmount](docs/useWillUnmount.md)
84+
* [useWindowResize](docs/useWindowResize.md)
85+
* [useWindowScroll](docs/useWindowScroll.md)
86+
* [useRequestAnimationFrame](docs/useRequestAnimationFrame.md)
87+
* [useTimeout](docs/useTimeout.md)
88+
* [useConditionalTimeout](docs/useConditionalTimeout.md)
89+
* [useInterval](docs/useInterval.md)
90+
* [useDebouncedFn](docs/useDebouncedFn.md)
91+
* [useThrottledFn](docs/useThrottledFn.md)
92+
* [useLocalStorage](docs/useLocalStorage.md)
93+
* [useSessionStorage](docs/useSessionStorage.md)
94+
* [useStorage](docs/useStorage.md)
9395

9496
<div>
9597
<p align="center">

docs/styleguidist/styleguidist.config.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,8 @@ module.exports = {
3232
{ name: 'useDropZone', content: '../useDropZone.md' },
3333
{ name: 'useDragEvents', content: '../useDragEvents.md' },
3434
{ name: 'useLocalStorage', content: '../useLocalStorage.md' },
35+
{ name: 'useSessionStorage', content: '../useSessionStorage.md' },
36+
{ name: 'useStorage', content: '../useStorage.md' },
3537
{ name: 'useMouse', content: '../useMouse.md' },
3638
{ name: 'useMouseState', content: '../useMouseState.md' },
3739
{ name: 'useMouseEvents', content: '../useMouseEvents.md' },

0 commit comments

Comments
 (0)