Hooks with DataFetch

JavaScript Objects Part 5: Object Duplication

UseRef Hooks

Oct 24, 2020 · 2 min read · import React, { useRef } from "react"; const CustomTextInput = () => { const textInput = useRef(); focusTextInput = () => textInput.current.focus(); return ( <> <input type="text" ref={textInput} /> <button onClick={focusText...

React UseEffect Hooks

Oct 24, 2020 · 4 min read · UseEffect with infinite loop fix export default function DataLoader() { const [data, setData] = useState([]); useEffect(() => { fetch("http://localhost:3001/links/") .then(response => response.json()) .then(data => setData(data)...

Named Export vs Default Export Syntax in ES6

Oct 24, 2020 · 1 min read · Named Export // imports // ex. importing a single named export import { MyComponent } from "./MyComponent"; // ex. importing multiple named exports import { MyComponent, MyComponent2 } from "./MyComponent"; // ex. giving a named import a different na...