Notas
Aprendizajes en público.
Ideas, decisiones y aprendizajes sobre agentes IA, automatización e ingeniería de software aplicada.
40 notas publicadas · mostrando 11–20
❓ 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…
useSocket hook + SocketProvider in React
useSocket hook + SocketProvider in React
custom React hook (useSocket) for managing a WebSocket connection and a context provider (SocketProvider) that provides the socket connection and online status to its descendants in the component tree. src/hooks/useSocket.js file…
7 React Projects to Build in 2024
7 React Projects to Build in 2024
Next.js vs React
asdas
routing rendering methods purpose and scope performance configuration and setup development experience api routes deployment
Zustand Basic Usage
Lorem Ipsum Description
Zustand -> a small, fast, and scalable bearbones state management solution. Copied from original example App.tsx store/counterStore.ts