Dr. Derek Austin djD-REK

🌞

Full-Stack JavaScript Developer & Doctor of Physical Therapy 🌞

😀 Full-Stack Web Developer 😁 JavaScript Software Engineer 🤓 ReactJS 😆 JAMstack 🎉 React Hooks 😎 Jest 🧪 Framer Motion 🧠 Doctor of Physical Therapy 🆒DJ🎛️

15 followers · 28 following

Technical Writer (JavaScript) @Medium
Richmond, VA
https://medium.com/@derek_develops

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

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>);
	}

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 / 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 = () => {