Hacemos un challenge con NextJs 13 ! todo lo lindo y lo feo de la última novedad de Vercel

[@GentlemanProgramming]

Dos aclaraciones: 1- Puede ser que tenga mal puesta la paginación :P la hice en el último second Debería ser, inicio: numeroDePagina- 1 * cantidad de ítems final: inicio + numeroDeItems arregloFiltrado.slice(inicio, final) Perdon la equivocación ! 2- este video es de un evento al cual me invitaron para hacer un challenge donde debíamos hacer una app sin saber NADA de la tecnología, teniendo como idea principal improvisar y mostrar el proceso de aprendizaje. Creo que logramos el cometido y en solo una hora sin saber NADA de NextJS !!! Por favor abstenerse a hacer comentarios negativos o tóxicos, ya que no estaba enseñando la tecnología sino el proceso de cómo lo aprendía en el momento. GRACIAS

[@johansvb8396]

Hola Caballero!, cómo sería para arreglar el pagination? de acuerdo con el código const [onDisplay, setOnDisplay] = useState(teams.teams.slice(0,5)) const handlePagination = (e, page) =>{ inicio = page -1 * teams.teams.length?? final = inicio + numero de items qué sería el onDisplay?? setOnDisplay(teams.teams.slice(inicio, final)) } gracias

[@johansvb8396]

al final logre solucionarlo para mostrar de 5 objetos x página con setOnDisplay(teams.teams.slice((page-1) * 5, page * 5))

[@valdelamarsanchezjovanyeli4236]

Me encanta este video, porque se ve como investigas los errores y cuando se te olvida algo tambien lo buscas, no solo aprendi nextjs 13, tambien como se busca info como todo un Sr! Gracias por tanto, perdon por tan poco😊🙌

[@mathid2491]

Me parece muy interesante ver la perspectiva de alguien que también esta aplicando a la vez que descubriendo una nueva tecnología, buen video amigo!

[@grindlps]

Buenisimo video Alan! Crack!

[@luiscisneros7036]

Saludos!.. gracias por compartir conocimientos.. quería saber como se llama la extensón que tiene para crear Barrels!.. gracias

[@GentlemanProgramming]

AutoBarrel ! :D

[@luiscisneros7036]

@@GentlemanProgramming muchas gracias me será muy útil.. saludos desde Ecuador!!!

[@Deus-lo-Vuilt]

Gracias por m material que subes de React y Next , me suscribo y dejo like , iré viendo los videos , thanks bro

[@mortaa]

Estoy por encarar el tp final de la facultad y tenia la duda de si encararlo con Next.js 13. Veremos que decido desp de este video... Muchas Gracias como siempre.

[@GentlemanProgramming]

Cuéntame luego que piensas :D

[@sb77727]

Tiene muchas cosas en alfa next 13 yo utilizaría la versión 12

[@andresparra5828]

Yo pienso que un trabjo tan importante deberias usar algo mas estable, porque te pueden pasar mil y un cosas, eso puede llevarte a frustrarte mucho, experimenta primero y si te sientes seguro le das con toda.

[@julianceleita2491]

está excelente la forma en que lo vas desarrollando, te recomiendo que uses PostMan para analizar mas facil las APIs y los resultados que puede arrojarte. Me gustaría que en un próximo video tomaras una API de algún lugar recóndito de la cual casi no hayan videos (es que en todo lado encuentro a RickandMorty jajaja). Me gustaría ver una API súper rara. un abrazo!

[@egril]

Excelente explicacion y lo subiste al github? porque me salio el error de codeo y no encuentro el problema

[@andresparra5828]

Ya que llegue tarde al stream, me lo veo por aca.

[@GentlemanProgramming]

Luego me dices tu opinión !!

[@andresparra5828]

​@@GentlemanProgramming Creo que tengo que entender mejor el concepto de SSR en una SPA ya que por mi falta de experiencia no sé en que casos es mejor usarla o no y me refiero no a la teoría, si no a la práctica. Estoy aprendiendo NextJS, pero todo esto nuevo que trae lo veo muy "avanzado" para mí, tengo que entender él antes bien para comprender él ¿Por qué? De todo esto sin tomármelo a la ligera.

[@frontend_boss]

Muy retador el challenge!!! Hay que tenerlos bien puestos para hacer algo asi en una hora che!! Nota: en el minuto 22 cambiaste el endpoint a V2 y en el resto del video anduviste aplicando la V4 :3

[@GentlemanProgramming]

Y aun así funciono no !? Jajajaj la verdad que estuvo divertidooooo 😅

[@jherodru]

Hola, algo pasa con la paginación al final, desaparece Arsenal, algún sabio que me ilumine el motivo porfa ?

[@GentlemanProgramming]

Puede ser que tenga mal puesta la paginación :P la hice en el último second Debería ser, inicio: numeroDePagina- 1 * cantidad de ítems final: inicio + numeroDeItems arregloFiltrado.slice(inicio, final) Perdon la equivocación !

[@jherodru]

@@GentlemanProgramming gracias, siempre me peleo con las paginaciones tyvm

[@tomasvidal424]

@Gentleman Programming, nunca vas a poder ver en el buscador las peticiones y las descargas de los end points, porque estas haciendo componentes que se cargan en el servidor, esas peticiones las hace el servidor, procesa la info y la pasa al cliente con la pagina ya hecha e hidratada, si queres que el cliente haga las peticiones y todo tenes que usar la directiva 'use client' (aunque no se por que querias hacer eso).

[@GentlemanProgramming]

Yes ! Es que quería ver el resultado porque era diferente a lo que estaba escrito en la documentación, es mi forma de debuggear jaja

[@tomasvidal424]

@@GentlemanProgramming Ahhh! esta bien! Me gusto mucho el directo, esta buena la implementacion de la Clean Architecture. Saludo!

[@losingyourgrip]

Este es el comportamiento BÁSICO de una petición del lado del servidor, nunca vas a verla en el navegador porque simplemente no la hace, solo vas a ver la data ya servida en el HTML si lo inspeccionas. Este JSON lo utiliza el frontend para hidratar los componentes.

[@GentlemanProgramming]

@@losingyourgrip yes! Como decía en la descripción, es la primera vez que tocaba esto :) ahora ya estoy mucho más informado y seguro se viene un vídeo de SSR

[@damiantriebl1747]

Gentlman. Para cuando un redux cliente server de next 13

[@GentlemanProgramming]

Interesting idea

[@damiantriebl1747]

@@GentlemanProgramming yo estoy investigando para tener redux tanto en el cliente como en el servidor, y es bastante complicado, los tengo a los dos pero no se conetan, tendria q tener alguna cosa que con websockets se conecten

[@losingyourgrip]

No tengo la intención de ser hater ni de hacer una crítica destructiva pero qué peligro enseñar algo sin mirar la documentación o practicar antes, más que nada para enseñar buenas prácticas y enseñar con responsabilidad. No sé si corregiste más adelante porque dejé de mirar el video apenas noté la improvisación y las veces que corriste comandos repetida e innecesariamente pero el folder Home dentro de App no tiene lugar de ser en Next 13, la Home se crea en la raíz de App.

[@GentlemanProgramming]

Era un challenge! Es un evento dado por la comunidad Campsite Academy donde juntaron a 3 creadores de contenido a crear una app sin saber NADA de la misma ni de la tecnología. El truco era enseñar justamente cómo empezábamos de 0 leyendo la documentación en vivo. Está en la descripción

[@willyamsyujra5143]

A los 8min me aburri, lo siento...

[@GentlemanProgramming]

No hay problema ! Es un vídeo donde descubro la tecnología y la aprendo aplicando en vivo, no es para todos :)