Miguel Ángel Durán Profile picture
👨‍💻 Ingeniero de Software y Divulgador de Programación ⭐ Google Dev Expert + Microsoft MVP 🎓 Academia → https://t.co/HZWaaG7wJU 🔴 Twitch → https://t.co/fcahiemHdr

Jun 20, 2023, 6 tweets

React Router, Redux, Styled Components, Apollo...

¡Deja de usar las dependencias de siempre en React!

Hilo con las mejores alternativas:

React Router es un clásico... ¡y está muy bien!

Pero a veces trae demasiadas cosas, especialmente para proyectos pequeños y sencillos.

Wouter es una alternativa que ocupa sólo 1.5KB y su sintaxis es muy parecida.

github.com/molefrog/wouter

No necesitas Redux para crear un estado global óptimo.

En su lugar, puedes usar Zustand que ocupa 1KB.

No necesitarás aprender conceptos ni seguir patrones, simplemente crea una store y usa el hook donde quieras leer el estado global.

github.com/pmndrs/zustand

Styled Components fue la mejor opción de CSS en JS...

¡Pero mucho ha cambiado! Una alternativa es Panda CSS.

Con soporte de TypeScript y 0KB en el cliente.

panda-css.com

Apollo Client es el rey a la hora de trabajar con GraphQL en React

Pero poca gente conoce URQL, una alternativa más liviana.

Además de ocupar un 75% menos, soporta fácilmente Next.js y también tiene modo offline.

formidable.com/open-source/ur…

Y quizás no estás preparado para esta pero...

¿Sabías que existe una alternativa de React con una API muy similar y que ocupa 10 veces menos?

Se llama Preact y tiene un gran compatibilidad.

La puedes descubrir aquí:
preactjs.com

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling