DEV Community: Damian Diego

React doubt: React.useEffect or useEffect

Damian Diego — Wed, 07 Jun 2023 08:03:22 +0000

Hi devs!

The last days I was looking into some react repos because I want to implement a component library on my own. And I realized that many people now are using React functionalities via React object.

import * as React from 'react'

/*functional component declaration*/
const [count, setCount] = React.useState(0)

React.useEffect(() => {
 //some logic here
},  [])

What is the porpoise of this? What about just importing directly what you need?

setState is not executed even though it is called

Damian Diego — Thu, 30 Mar 2023 17:37:26 +0000

For some reason, the setStates in this function are not working and the execution goes directly to the getPodcastDetails function!

#Devdoubt-React

Damian Diego — Wed, 15 Mar 2023 10:55:29 +0000

Hello devs! I hope you are doing well.

I came across this piece of code from chakra UI, and I'm trying to understand what is the point of doing this or in which cases is it useful?

export function useCallbackRef<T extends (...args: any[]) => any>(
    callback: T | undefined,
    deps: DependencyList = []
) {
    const callbackRef = useRef(callback)

    useEffect(() => {
        callbackRef.current = callback
    })

    // eslint-disable-next-line react-hooks/exhaustive-deps
    return useCallback(((...args) => callbackRef.current?.(...args)) as T, deps)
}