Media Hora de la Web #2: React, HTML, NextJS, Javascript, Typescript y más | CraftingCode
Channel: CraftingCode
Date: 12/06/2023

¡Bienvenido a Media Hora de la Web en CraftingCode!

En nuestros episodios, cubrimos temas fundamentales y avanzados que te ayudarán a mejorar tus habilidades como desarrollador. Desde refactorización hasta trucos sorprendentes de programación con ChaGPT, pasando por conceptos esenciales como los casos límite (Edge Cases) y las nuevas características en CSS, como Text-Wrap y Feature Flags.

También abordamos temas de actualidad en el mundo de la programación, como CodiumAI, Git Merge Hooks y buenas prácticas REST. Además, discutimos el emocionante debate entre NodeJS 20 y Deno, y te brindamos una perspectiva sobre si REST API es un estándar o no.

Pero no nos detenemos ahí. En este canal, también nos enfocamos en los detalles más importantes del desarrollo web, como el uso correcto de unidades de medida en CSS, incluyendo PX, EM, REM, FR, CH, VW, VH y %. Te guiaremos en la elección adecuada de las unidades y te mostraremos cómo utilizar correctamente las consultas de medios (Media Queries).

Además, te mantendremos al día con las últimas novedades en conferencias y eventos importantes, como el resumen del Google I/O 2023 Web, donde descubrirás las últimas tendencias y tecnologías web.

Si te interesa la creación de componentes web, no te puedes perder nuestros episodios dedicados a Web Components, donde te enseñaremos cómo crearlos en tan solo 60 segundos. Y si eres fanático de Angular, ¡tenemos noticias emocionantes! Exploraremos las novedades en Angular 16 y te mantendremos informado sobre los últimos avances en el maravilloso mundo de este framework.

Además, en nuestro canal, aprenderás sobre los Next.JS Server Components y verás ejemplos prácticos de cómo utilizarlos en tus proyectos. Te mostraremos cómo optimizar la velocidad de tus componentes en React y cuándo es apropiado utilizar el localStorage en formularios.

Así que, si quieres mantenerte actualizado en el mundo del desarrollo web y expandir tus conocimientos en React, HTML, NextJS, JavaScript, TypeScript y mucho más.

Chapters:

0:06 - Refactoring
1:04 - 3 trucos ChaGPT programadores
1:46 - No me hagas pensar
2:51 - Que es un Edge Case?!
3:51 - Lo nuevo en CSS: Text-Wrap
4:30 - Que es Feature Flag?
5:31 - CodiumAI
6:04 - Git Merge Hook + NPM install
6:36 - 3 Buenas Prácticas REST
7:33 - NodeJS 20, es el fin de Deno?!
8:24 - Es REST API un estandar?
9:08 - Usas MAL REM en CSS!
10:19 - Usas MAL PX en CSS!
10:51 - Usas MAL EM en CSS!
11:48 - Usas MAL FR en CSS!
12:16 - Usas MAL CH en CSS!
12:55 - Usas MAL VW Y VH en CSS!
13:14 - Usas MAL % en CSS!
13:34 - Media Query con PX, EM o REM?
16:13 - Usas MAL LH en CSS!
17:18 - Resumen Google I/O 2023 Web!
18:46 - Web Components en 60 Segundos
19:39 - Web Components en 60 Segundos, parte 2
20:24 - Web Components en 60 Segundos, parte 3
21:17 - Web Components en 60 Segundos, parte 4
21:39 - Propiedades Logicas CSS
23:20 - Lo nuevo en Angular 16
24:19 - Que son los Next.JS Server Components?
24:47 - Ejemplo Next.JS Server Component?
27:45 - Componente mas rapidos en React?
28:19 - Cuando usar localStorage?
29:18 - Formularios en React como un Pro