Skip to content

Instantly share code, notes, and snippets.

@EvanBurbidge
EvanBurbidge / userNameContext.js
Created November 17, 2021 14:55
A basic user context to show how this data can be shared between components
import { useState, createContext, useContext, useEffect } from "react";
import "./styles.css";
const AuthContext = createContext({});
const AuthProvider = ({ children }) => {
const [username, setUsername] = useState("");
return (
<AuthContext.Provider value={{ username, setUsername }}>
{children}
@EvanBurbidge
EvanBurbidge / basicHook.js
Last active November 17, 2021 14:23
Show how a basic hook results in two different outputs
import { useEffect, useState } from "react";
import "./styles.css";
import { useData } from "./useData";
const useData = () => {
const [data, setData] = useState("This is the data");
return {
data,
setData
};
@EvanBurbidge
EvanBurbidge / App.jsx
Created July 28, 2021 13:25
todo app no refactoring
import "./styles.css";
import { useTodos } from "./hooks/useTodos";
export default function App() {
const [error, setError] = useState(false);
const [todos, setStateTodos] = useState([]);
const updateTodo = (todo) =>
setStateTodos([