/Javascript/React/Dark mode with react hooks

Dark mode with react hooks

// DarkMode/index.js

const DarkModeToggle = () => {
  const [isDark, setIsDark] = useState(localStorage.getItem("theme") === "dark" ? true : false);
  useEffect(() => {
    document
    .getElementsByTagName("HTML")[0]
    .setAttribute("data-theme", localStorage.getItem("theme"));
  },[]);

Source: dev.to

Similar codes

18 votes315 views3 answers
How to setup tailwind for reactjs
Javascript React
6 votes223 views6 answers
Shadow react native generator
Javascript React
0 vote217 views1 answer
Create react app run test apecific folfer
Javascript React
1 vote237 views2 answers
Adding more than one class react
Javascript React
29 votes225 views2 answers
React or vue
Javascript React
0 vote192 views1 answer
How to use algolia react native
Javascript React
0 vote229 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
1 vote226 views1 answer
React router base url
Javascript React
0 vote267 views1 answer
React bootstrap profile card
Javascript React
0 vote226 views1 answer
Which algorithm React is used to compare dom?
Javascript React