Notas
Aprendizajes en público
Ideas, decisiones y aprendizajes sobre agentes IA, automatización e ingeniería de software aplicada.
34 notas publicadas · mostrando 1–10
Nextjs Ai Package
Nextjs Ai Package
Guía Simple: Usar AI con Next.js ¿Qué es Vercel AI SDK? Es un paquete de herramientas que te permite integrar inteligencia artificial en tus aplicaciones Next.js. Te conecta con modelos de IA como OpenAI, Anthropic, Google, etc.,…
Seo Glossary Moz
Seo Glossary Moz
React Suspense
React Suspense Practice
Nos permite crear interfaces de usuario más fluidas y responsivas al manejar de manera elegante los componentes que dependen de recursos asíncronos. ¿Qué es React Suspense? Un componente que nos permite "suspender" el renderizado…
Resumen general de conceptos
Resumen general de conceptos
Frameworks Lenguajes Gestores de estado Biblotecas CSS Herramientas generales Bases de datos Librerias back-end Librerias front-end Frameworks React Biblioteca de JavaScript de código abierto para construir interfaces de usuario p…
Client vs Server Components
What are they and when to use them.
Client refers to the browser on a user’s device that sends a request to a server for your application code. It then turns the response it receives from the server into an interface the user can interact with. Client Components all…
Storybook
What is Storybook?
a frontend workshop for building UI components and pages in isolation. helps you develop and share hard-to-reach states and edge cases without needing to run your whole app. uses??? UI development, testing, and documentation a pow…
React Redux example
React Redux example
Creando el store de Redux src/store/store.js This creates a Redux store, and also automatically configure the Redux DevTools extension so that you can inspect the store while developing. src/store/auth/authSlice.js src/main.jsx On…
React Router Dom simple usage
React Router Dom simple usage
BrowserRouter stores the current location in the browser's address bar using clean URLs and navigates using the browser's built-in history stack. Routes will match a set of child routes from the current location. Official Examples…
Cart with Zustand
Cart with Zustand
Creando el estado global Your store is a hook! You can put anything in it: primitives, objects, functions. The set function merges state. src/store/cart-store.ts Utilizando el estado en la aplicacion You can use the hook anywhere,…
usePrefetchQuery (React Query) Example
usePrefetchQuery (React Query) Example
Creando el cliente de React Query Documentacion oficial Importante siempre utilizar el mismo. Funcion para obtener un producto segun su ID Creando el prefetch The options for prefetchQuery are exactly the same as those of fetchQue…