muy bien Luis, muy bien saludos desde Cuba, eres todo un maestro, me gusto mucho las diferentes formas que podemos encontrar un mismo codigo, muy bien Luis
Brutal explicacion sobre custom hooks, la mejor de todo RU-vid, y eso que he visto muchos videos sobre este tema. Felicitaciones al creador del canal. Lastima no ha subido mas videos.
En el minuto 19 no entendí por q dijiste q si ponemos la función afuera se necesitaría utilizar el use Callback, acá en el useeffect cada q entre recreara la función también?
ultima version de react switch es reemplazado por routes <BrowserRouter> <Routes> <Route index element={<h1>Home</h1>} /> <Route path="blogs" element={<h1>Blogs</h1>} /> <Route path="about" element={<h1>about</h1>} /> </Routes> </BrowserRouter>
un comentario acerca de usecallback , que es un poco confuso, el use callback guarda en cahe la funcion y el resultado si no cambian sus parametros. Luis es el mejor que he visto en este tema y su forma de enseñar es 100% entendible. MIl gracias
2024- muchos errores por las actualizaciones. PrivateRouter: import { useEffect } from "react"; import { useNavigate } from "react-router-dom"; function PrivateRoute({ children }) { const user = null; // replace with your authentication logic const navigate = useNavigate(); useEffect(() => { if (!user) { navigate("/login"); } }, [user, navigate]); if (!user) { return null; } return children; } export default PrivateRoute; AppRouter: Aqui para no extender demasiado, deben envolver sus rutas asi: <Route path="/account" element={ <PrivateRoute> <AccountPage /> </PrivateRoute> } /> al menos yo hice asi y funciono, quizas haya alguna manera mas simple
En la version 18 de react ya no sucede este error del actualizar algo desmontado. porque? es el navegador o la version de react soluciono este problema nativamente?. porque ya no me sale el error cuando se intenta actualizar algo desmontado.
para los que no entiende por que creamos el componente UserProvider , y porque no se vuelven a renderizar los componentes internos del provider, por el simple hecho de estar pasados como childrens dentro de un componente por ejemplo: const SomeOutsideComponent = () => { return ( <WrapperComponent> <ChildComponent /> </WrapperComponent> ) } cuando usamos esta sintaxis estamos pasando ChildComponent como una prop de WrapperComponent entonces si es que WrapperComponent se vuelve a renderizar ChildComponent no se volvera a renderizar por que es una prop de WrapperComponent. PERO su SomeOutsideComponent se vuelve a renderizar , ahi si WrapperComponent y ChildComponent se volveran a renderizar para entender mejor por favor mirar este post www.developerway.com/posts/react-elements-children-parents
Horas y horas investigando y revisando información y tutoriales para entender este hook; pero no terminaba de entender el concepto. Aquí a la primera, explicas muy bien. Por favor no dejes de crear contenido. Te sigo desde ya.
Muchas gracias. La garantía para entender estos hooks es lo que memorizan. React.memo (memo), memoriza el componente acorde a las props que este tiene. useMemo, por su lado, memoriza es un valor, y el useCallback memoriza una función, cada una se memorizará acorde a las dependencias que le establezcamos. No obstante, como mencionas, hay que saber cuando usar estas funcionalidades de React, ya que puede ser que no mejore el rendimiento de la aplicación, sino que lo empeore. Muchas gracias, me suscribo y estaré viendo más contenido tuyo.
