Hooks with DataFetch

JavaScript Objects Part 5: Object Duplication

UseRef Hooks

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

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

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...

Pagination in Angular 9 using ng-bootstrap

ClientSide & ServerSide Pagination not theoretical only practical