Jorge Espinal

Full-stack Engineer 🐜 at @codexitos | Newbie in AI 🤖
My LinkedIn:

[Miguel Ángel Durán @midudev]

Si eres Programador Web y usas IA... ¡Instala esto!
Agent Skills de Addy Osmani (de Google) para:

✓ Rendimiento Web
✓ Mejores prácticas
✓ Accesibilidad
✓ SEO

Para React, Vue, Angular, Astro o lo que uses.
$ npx add-skill addyosmani/web-quality-skills

[Elon Musk @elonmusk]

NASA Artemis passing close to the Moon

[Quincy Larson @ossia]

This weekend learn Claude Code for FREE with this 12 hour freeCodeCamp course taught by a CTO.

[Kirk Borne @KirkDBorne]

See the impressive collection of @OReillyMedia #MachineLearning / #AI / #DataScience books at: https://t.co/uBJT14ezbT

[Edwing Cárcamo @EdwingCarcamo]

DL Moody declaró: "De cada 100 hombres, uno leerá la Biblia, los otros 99 leerán al cristiano".

Puede ser que esta semana alguien te estará leyendo las actitudes, decisiones, convicciones y valores.

[Jorge Espinal @JorgeEspinal]

https://t.co/dXAbSkJ2Yr
#css20234 #css #develoment #web

[Lydia Hallie ✨ @lydiahallie]

🔥 New video!! Learn how the browser's event loop, Web APIs, and (micro)task queues enable async non-blocking JavaScript

https://t.co/pFZrI8BUSk

[Miguel Ángel Durán @midudev]

¿Cómo estructurar las carpetas de tu proyecto?
No importa si usas React, Vue, TypeScript o JavaScript...

Existen diferentes estrategias y opiniones de cómo hacerlo.
¡Te explico algunas interesantes! ↓

1. Por Tipo
Esta es la más sencilla y típica. Funciona bien en proyectos pequeños.

Creas una carpeta para cada tipo de archivo: componentes, páginas, servicios, estados, utilidades...

¿Lo malo? Puedes terminar con carpetas con muchos archivos que se hacen difícil de seguir.

2. Por Tipo y Feature

Aquí ya reflejamos la lógica de nuestro negocio en las carpetas. Así que dentro de cada una, indicamos a qué parte de nuestra aplicación se refiere.

Lo bueno es que ya es más fácil de navegar pero repetimos las mismas "features" en cada carpeta.

3. Screaming Architecture

Aquí le damos la vuelta. En lugar de indicar qué usamos, nuestras carpetas indican qué hacemos.

Seguro que muchas veces has entrado a un proyecto y rápidamente te has dado cuenta que usa React pero no tenías ni idea realmente qué hacía.

La idea de esta estructura es darle la vuelta. Simplificar el desarrollo del proyecto y hacer que independientemente de la tecnología, las carpetas nos guíen a lo que nos interesa.

¿Cuál es la mejor?
Todo depende. Tamaño del proyecto, duración del proyecto...
Además, siempre puedes empezar por la primera y luego ir migrando poco a poco a otra.

También pueden existir opciones intermedias que mezclen algunos conceptos.

Me he basado en este artículo de @HuyTaQuoc1 donde tenéis más información de ventajas y desventajas:
https://t.co/LnnErSQBky

Al final, lo importante, es que NO existe una sola forma buena de hacerlo.

Toma estas ideas y decide tú y tu equipo cuál os encaja más ahora.

[YouVersion Bible App @YouVersion]

Jesus, our King, died for the sins of all humanity. This Good Friday, remember His sacrifice and love for you. Today, take some time to open your Bible App and read about the crucifixion of Christ in Matthew 27, John 19, and Luke 23.

[Bun @bunjavascript]

We are delaying Bun for Windows until February 15 to get the test suite to pass 100%

To help report bugs, run this:

iwr https://t.co/rilGXoRgch | iex

[Nintendo of America @NintendoAmerica]

Wishing you the happiest of holidays! ❤️💚

[Addy Osmani @addyosmani]

📣 Like @vuejs? Excited to announce the free new Vue design patterns guide on https://t.co/UCqOv1s5XF!

@lydiahallie and I were thrilled to partner with @djirdehh to ship this 🥳

[Jorge Espinal @JorgeEspinal]

https://t.co/KWfqpQ5BAt
#AspNetCore #csharp #webdevelopment #programmer

[Next.js @nextjs]

Next.js 14

◆ next dev --turbo
↳ 53% faster local server startup
↳ 94% faster code updates
◆ Server Actions (Stable)
◆ Partial Prerendering (Preview)
◆ New Next.js Learn Course
↳ App Router
↳ Authentication
↳ Postgres

https://t.co/Sp4X6FAd0z

[Addy Osmani @addyosmani]

✍️ Soft skill books that will make you a better developer https://t.co/SJgQXln7w9

[fofr @fofrAI]

I trained an SDXL fine-tune on really bad early digital photos with poor use of flash and crappy lighting.

[Addy Osmani @addyosmani]

Tip: Want to load your (LCP) hero image sooner? Try <img fetchpriority=high> to boost its priority ⚡️

@ChromeDevTools now also shows the initial and final priority of requests in the Performance & Network panels 🙌

[TypeScript @typescript]

TypeScript 5.2 is now here! 🎉 Now faster with

- 'using' & explicit resource management
- decorator metadata
- easier tuple type notation
- better object completions
- the inline variable refactor
- clickable inlay parameter hints

and more! Try it today!
https://t.co/JA9mAnajsW

[Math Hub @mathhub_vn]

NodeJS Microservices Full Course - Event-Driven Architecture with RabbitMQ
#nodejs #rabbitmq
https://t.co/hcD7mYgRPq

[Isaac Levin @isaacrlevin]

Are you a #dotnet developer and love #containers? Inf so, check out my latest video where I go over all the container improvements in .NET 8 https://t.co/ugVegxW1cz
#aspnet #csharp #microservices