djD-REK

import React, { useState } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  const [toggleState, setToggleState] = useState({ isTrue: false });
  const [counterState, setCounterState] = useState({ counter: 0 });

  const toggleTrueFalse = () => {

djD-REK

import React, { useState } from "react";
import ReactDOM from "react-dom";
import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode

import "./styles.scss";

function App() {
  const darkMode = useDarkMode(false);

  const getDayNightAsString = () => {

djD-REK

import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode
function darkModeToggleButton() {
  const darkMode = useDarkMode(false);
  return (<button onClick={darkMode.toggle}>Toggle Day / Night</button>);
}

djD-REK

import React, { useState } from "react";
import ReactDOM from "react-dom";
import useDarkMode from "use-dark-mode"; // Don't forget to import the NPM package use-dark-mode

import "./styles.scss";

function App() {
  const { value, toggle } = useDarkMode(false);
  const dayNightAsString = value ? "🌕 Night":  "☀️ Day";

djD-REK

import React, { useState } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  const [isToggled, setToggled] = useState(false);
  const [counterState, setCounterState] = useState(0);

  const toggleTrueFalse = () => setToggled(!isToggled);

djD-REK

Spectral

This site was generated by www.stackbit.com, v0.2.63.

Spectral original README is located here.

The content of this site is managed by Forestry. Visit https://forestry.io to manage site content.

djD-REK

Spectral

This site was generated by www.stackbit.com, v0.2.63.

Spectral original README is located here.

The content of this site is managed by Forestry. Visit https://forestry.io to manage site content.

djD-REK

The content of this site is managed by NetlifyCMS. Visit https://{yoursite-domain}/admin to manage site content.

djD-REK

import React from "react";
import ReactDOM from "react-dom";
import { motion } from "framer-motion";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <motion.div

djD-REK

import React from "react";
import ReactDOM from "react-dom";
import { motion } from "framer-motion";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <motion.div