Skip to content

Instantly share code, notes, and snippets.

View webdevdani's full-sized avatar

Danielle Lewandowski webdevdani

View GitHub Profile
@webdevdani
webdevdani / 1_user.js
Last active January 19, 2019 19:21
React 'useContext' example with stored user info
import { createContext } from 'react';
const UserContext = new createContext();
export default UserContext;
@webdevdani
webdevdani / UserInfoForm.jsx
Created January 19, 2019 03:28
React 'useState' example with controlled inputs
import React, { useState } from 'react';
import PropTypes from 'prop-types';
const UserInfoForm = (props) => {
const [name, setName] = useState(props.name);
const [email, setEmail] = useState(props.email);
const handleFormSubmit = (e) => {
e.preventDefault();
@webdevdani
webdevdani / ModalCloseButton.jsx
Last active January 28, 2025 18:02
React 'useEffect' example with keyboard event
import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { KEY_ESCAPE } from 'keycode-js';
import CloseIcon from 'icons/CloseIcon';
const ModalCloseButton = (props) => {
const handleEscapeKeyDown = (e) => {
if (e.keyCode === KEY_ESCAPE) {
props.onRequestClose();