Minimal updates

EduardoZepeda · Mar 8, 2024 · 46d5c2e · 46d5c2e
1 parent 715f965
commit 46d5c2e
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 1 deletion.
diff --git a/Notes/Nextjs/content/2.5-Nextauth.js.md b/Notes/Nextjs/content/2.5-Nextauth.js.md
@@ -36,6 +36,46 @@ export default function App({ Component, pageProps: { session, pageProps } }: Ap
 
 ```
 
+Si estás usando el nuevo modelo de app route puedes agregar este session provider de la siguiente manera dentro de una carpeta llamada components dentro de app:
+
+```javascript
+// mark as client component
+"use client";
+import { SessionProvider } from "next-auth/react"
+
+import React from 'react'
+
+const SessionWrapper = ({children}: {children: React.ReactNode}) => {
+  return (
+    <SessionProvider>{children}</SessionProvider>
+  )
+}
+
+export default SessionWrapper
+```
+
+Para posteriormente importarlo a nuestro archivo layout.tsx
+
+``` javascript
+import SessionWrapper from "./components/sessionWrapper";
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <SessionWrapper>
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+    </SessionWrapper>
+  );
+}
+
+```
+
+
 A continuación creamos un archivo dentro de la carpeta *pages/api/auth*
 para tener una ruta dinámica, este archivo se llamará
 *\[...nextauth\].ts* y tendrá un objeto llamado options que le pasaremos
@@ -56,6 +96,20 @@ const options: NextAuthOptions = {
 export default NextAuth(options)
 ```
 
+En caso de que estés usando el nuevo modelo de App Route crea un archivo en *app/api/auth/[…nextauth]/route.ts*. NextAuth recibirá como único parámetro las opciones de autenticación, tal cual las recibe el bloque de código anterior.
+
+Y los exportamos como GET y POST para que sea compatible con el modelo App Route de Nextjs
+
+``` javascript
+import NextAuth from "next-auth"
+
+const handler = NextAuth({
+  ...
+})
+
+export { handler as GET, handler as POST }
+```
+
 El objeto options tendrá una propiedad llamada providers que se refiere
 a los diferentes métodos de autenticación. Hay muchos proveedores de
 autenticación que se encuentran disponibles en la [documentación de

diff --git a/Notes/NomadismoDigital/Nomadismo-digital-para-programadores.md b/Notes/NomadismoDigital/Nomadismo-digital-para-programadores.md
@@ -15,5 +15,6 @@
 * [1.9-Trabajo-y-entrevistas](<./content/1.9-Trabajo-y-entrevistas.md>)
 * [1.10-Visas](<./content/1.10-Visas.md>)
 * [1.11-Blogs-interesantes](<./content/1.11-Blogs-interesantes.md>)
+* [1.12-Apps-utiles](<./content/1.12-Apps-utiles.md>)
 
 [comment]:ENDING_GENERATED_TOC
diff --git a/Notes/NomadismoDigital/content/1.12-Apps-utiles.md b/Notes/NomadismoDigital/content/1.12-Apps-utiles.md
@@ -0,0 +1,12 @@
+## 1.12-Apps-utiles
+
+1. @travelspendapp: una aplicación de seguimiento presupuestario dedicada a los viajes (¡asegúrate de estar al tanto de cada gasto!).
+2. Google Translate: se explica por sí sola, pero el truco es descargar el idioma para traducirlo sin conexión. Además, utiliza la cámara para traducir menús y señales :)
+3. Google Maps - de nuevo, descarga tus mapas para que al menos puedas ver tu ubicación en vivo cuando no estés conectado y encontrar a dónde tienes que ir en consecuencia.
+4. @hostelworld - mi aplicación favorita para encontrar albergues con buenas valoraciones. También puedes chatear con otros viajeros en tu albergue o en la zona cuando reservas a través de HW.
+5. @worldpackers: el truco de vida para viajar con poco dinero y alojarse gratis. Usa el C0d3: SIERRAFERNALD para conseguir 10$ de descuento en tu suscripción 😉 .
+6. @getyourguide - tan bueno para encontrar excursiones y tours en los lugares que estás viajando. Es a través de lo que reservé mi excursión al volcán en Sicilia y me lo pasé MEJOR.
+7. @rome2rio_official - una aplicación que te dice las mejores y más baratas maneras de llegar del punto a al punto b.
+8. Moneda - para ayudarte a entender exactamente cuánto gastas con tipos de cambio actualizados.
+9. @atlasobscura - te permite encontrar joyas ocultas en todo el mundo, aunque algunas pueden ser difíciles de encontrar y ¡no te arriesgues!
+10. @tripbff - conoce a otros viajeros solitarios en los lugares a los que vas. 
diff --git a/Notes/React/React.md b/Notes/React/React.md
@@ -8,6 +8,13 @@ React está estructurado por componentes que son como pequeños bloques de lego
 que al ser unidos forman aplicaciones de React. Estos componentes pueden tener
 estilos, ser enlazados a eventos y sus estados pueden ser modificados.
 
+Cambios importantes a partir de la versión 19
+- useMemo, useCallback, memo son gestionados automáticamente por el React compiler
+- forwardRef se reemplaza por un prop nativo llamado ref
+- useContext y throw en las promesas se reemplazará por use(Context)
+- <Context.Provider> se reemplaza por <Context>
+
+
 
 
 [comment]:STARTING_GENERATED_TOC
@@ -51,4 +58,4 @@ estilos, ser enlazados a eventos y sus estados pueden ser modificados.
 * [1.37-Como-previsualizar-una-imagen-en-un-form](<./content/1.37-Como-previsualizar-una-imagen-en-un-form.md>)
 * [1.38-promesas-concurrentes](<./content/1.38-promesas-concurrentes.md>)
 
-[comment]:ENDING_GENERATED_TOC
+[comment]:ENDING_GENERATED_TOC