@alexwibowo
Absolute beginner in front end development. Slightly better with backend. I spent most of my days grinding coffee and a little bit of coding
Nothing here yet.
Nothing here yet.
Nov 1, 2022 · 2 min read · Say you have the following custom hook: export function useFectch(url){ const [loading, setLoading] = useState(true); const [data, setData] = useState(); const [error, setError] = useState(); useEffect( () => { setLoading(true); fetc...
Join discussionNov 1, 2022 · 2 min read · TLDR: use useMemo when you need referential equality on object, array. If you dont do this, useEffect is not going to do anything for you (might run more often than it needs to). Say you have the following form component: import { useEffect, useStat...
Join discussionNov 1, 2022 · 2 min read · TLDR: dont over use useEffect. Avoid it when you can. Your code will be slightly less performant, and harder to read. Here we have a rather simple component import { useEffect, useState } from "react"; function App() { const [firstName, setFirstN...
Join discussionNov 1, 2022 · 1 min read · TLDR: use the useEffect hook if you need to do something everytime a state value change. Occasionally, you might run into this beginner mistake (I do!): import { useState } from "react"; function Counter() { const [count, setCount] = useState(0)...
Join discussionNov 1, 2022 · 2 min read · TLDR: if your set state depends on current state value, always opt to use the function version of set state. Here we have a simple Counter component, which has a button that increment the 'count' state. import { useState } from "react"; function C...
Join discussion