Layout dinamico Modificar app/components/NavbarRoutes.tsx para agregar los hooks necesarios para navegación dinámica "use client"; import { UserButton } from "@clerk/nextjs"; import { ModeTo...

Modo Claro y Oscuro https://ui.shadcn.com/docs/dark-mode/next Instalar npm install next-themes Crear components/providers/theme-provider.tsx "use client" import * as React from "react" i...

Configuración inicial https://ui.shadcn.com/ https://ui.shadcn.com/docs/installation/next Crear app de NextJS npx create-next-app@latest my-app --typescript --tailwind --eslint NextJS C...

Custom Hook Los hooks personalizados son muy útiles para limpiar su código. Puedes usar hooks de React dentro de tus hooks personalizados (después de todo, todas son funciones! 👍). Puede encapsula...

useEffect useEffect: El Hook de efecto te permite llevar a cabo efectos secundarios en componentes funcionales. ¿Qué hace useEffect? Al usar este Hook, le estamos indicando a React que el compone...

Recursos form react uncontrolled components useRef formData form react Referencias Componentes no controlados uncontrolled: En la mayoría de los casos, te recomendamos usar Compon...

Manejando eventos eventos Los eventos de React se nombran usando camelCase, en vez de minúsculas. Con JSX pasas una función como el manejador del evento, en vez de un string const MiBoton...

¿Qué es una extensión de VS Code? Las extensiones nos permiten agregar funcionalidad a Visual Studio Code de forma modular y aislada, son una excelente manera de personalizar nuestra experiencia c...

¿Qué es ReactJS? ReactJS Recursos es.reactjs.org beta.reactjs vitejs getting-started tutorial create-react-app getting-started-with-react es7 react js snippets ¿Qué es React? ...

¿Qué es Docker? Docker es una plataforma de software que le permite crear, probar e implementar aplicaciones rápidamente. Docker empaqueta el software en unidades estandarizadas llamadas contene...