DVA el mejor framework React basado en redux

Considero que React tiene esa magia para crear una aplicación rápida, escalable y simple. Uno de los motivos mas fuertes para elegir React para mis proyectos en el front-end es sin duda el virtual DOM, cuando hay tanto que resolver en la vista, este virtual DOM es  un gran apoyo a problemas que ocurren cuando las aplicaciones empiezan a crecer.

Considero que con React el desarrollador tiene muchas libertades y decisiones en su código en el día a día. Hace poco estuve buscando algún proyecto tipo de “boilerplate” que me ayudara con la parte de Redux y gracias a eso encontré una grata sorpresa llamada DVA.

¿Qué es DVA?

antpro

DVA es un framework muy ligero basado en aplicaciones existentes de React (redux + react-router + redux-saga, etc.) que te dirá exactamente cómo se debe escribir cada parte dentro de la aplicación, esto sin duda logra un proyecto mucho mas controlable para el equipo desarrollador. Algo que personalmente me encantó es el paradigma del Modelo, básicamente dva te proporciona un app.model que encapsula los siguientes elementos: reductor, initialState, action y los sagas. Esto logra un código mucho mas legible y digerible, esto es genial para los que estamos acostumbrados a ver entidades dentro de nuestras aplicaciones.

Pros

  • Tiene muchísimos controles que puedes utilizar fácilmente
  • La lógica del modelo organiza de forma excepcional las operaciones CRUD de tu REST API.
  • Tienes una gran trazabilidad a la hora de debuguear tu aplicación
  • Es utilizado por grandes compañías a nivel mundial, entre ellas Alibaba 
  • El dashboard tipo Admin es una maravilla y esta listo para ser utilizado: https://pro.ant.design/

data

Cons

  • Hoy en día Dvajs es uno de los proyectos mas grandes en github, sin embargo prácticamente toda la documentación se encuentra en el idioma chino, la gran comunidad con la que cuenta Dvajs se situa en china. Este tema me resultó difícil ya que por el momento no hay muchas preguntas del framework en inglés.

Un ejemplo del uso de DVA lo puedes encontrar en el siguiente link:

¿Qué hay en la parte de la maquetación?

Los controles UI que utiliza dva provienen del maravilloso sistema de diseño llamado Ant Design.

antDesign

La premisa de Ant Design es entregarnos todo un sistema de diseño (parecido a material design, flat design, metro style, etc) enfocado al mundo de las aplicaciones empresariales.

Puedes visitar sus componentes aquí.

Un ejemplo básico de la creación de un botón:

https://codesandbox.io/embed/5y3pnnvryk?autoresize=1&view=preview

Hasta aquí con este post respecto a este poderoso framework. Espero que este artículo te ayude en la decisión personal sobre que herramientas utilizar en el basto mundo de Reactjs. Seguiremos trabajando publicando mas cosas acerca de este fascinante front-end framework.

No dudes en comentar si necesitas apoyo de como seguir con Dva. ¿Crees que hay mejores herramientas en React? Dejanos tu opinión o pregunta en los comentarios.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s