Vanillacamp

Reactify your checkbox !

Lukas Gaucas's photo
Lukas Gaucas
·

1 min read

In this article I will provide you with three examples , where as each will be a checkbox related :

  • Example 1 – simple checkbox (useState)
  • Example 2 – simple checkbox (useReducer)
  • Example 3 – advanced checkbox (useState, useEffect, useRef) + localStorage

Example 1 & 2

https://codesandbox.io/s/checkbox--usestate-vs-usereducer-f5ppc?file=/src/index.js?fontsize=14&hidenavigation=1&theme=dark

NOTE : just switch the number of N between 1 & 2 for checkboxN (also explained index.js) whilst importing import App from "./checkboxN";

Example 3

https://codesandbox.io/s/checkbox--usestate-useeffect-useref-d9lbr?file=/src/App.js?fontsize=14&hidenavigation=1&theme=dark

If any typo(s) found or suggestions could made , please leave a comment below !

JavaScriptReactlocalstorage