Skip to content

Instantly share code, notes, and snippets.

View djD-REK's full-sized avatar
🌞
Full-Stack JavaScript Developer & Doctor of Physical Therapy 🌞

Dr. Derek Austin djD-REK

🌞
Full-Stack JavaScript Developer & Doctor of Physical Therapy 🌞
View GitHub Profile
@djD-REK
djD-REK / index.js
Created August 12, 2019 16:24
Used in the Medium article 2019 Guide: How to Use React Hooks to Create a Toggle Switch or Counter, from my Github true-false-toggle-using-react-hooks-demo
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
djD-REK / use-dark-mode-demo-part-1.js
Last active August 12, 2019 19:32
Used in the Medium article: Dark Mode for ANY React App 2019: Part 1 of a Series on Day/Night Toggles
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
djD-REK / use-dark-mode-in-two-lines-of-code.js
Last active August 12, 2019 18:06
Used in the Medium article: Dark Mode for ANY React App 2019: Part 1 of a Series on Day/Night Toggles
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>);
}