A la hora de comenzar un nuevo proyecto, puedes o empezar desde cero o puedes usar el esqueleto de un proyecto para tener resueltos los problemas más comunes.

Essential React

Me gusta trabajar con código que sea lo menos intrusivo posible, por eso suelo elegir Essential React siempre que empiezo un nuevo proyecto en ReactJS. Está construido sobre las premisas de:

  • Simplicidad: esto incluye el usar el menor número de herramientas posible.
  • Compatibilidad con ES6: todo el código JS está escrito en ES6, mediante BabelJS.
  • Testeabilidad: está enfocado a simplificar la testeabilidad del código.
  • Enrutado de cliente: usa React-Router para poder dividir la aplicación entre páginas.

Particularmente este starter-kit permite cargar datos mediante una promesa cuando carga una nueva URL, lo cual parece una buena idea.

React isomorphic starterkit

Este proyecto agrega muchas librerías de terceros. Los puntos a destacar del proyecto son:

  • Tiene un conjunto de scripts para construir y testear el proyecto.
  • Usa Hapi.js como tecnología de server side.
  • Está preparado para servir las vistas aunque el Javascript del cliente esté deshabilitado, lo que se conoce como isomorfismo.
  • Usa React-Router para enrutar el cliente.
  • Usa React Transmit para traer datos del servirdor. Se trata de una implementación de Relay, basado en promesas.
  • Ofrece la posibilidad de meter el css de los componentes inline con inline-css.

React Starter

El más completo de todos. Esto implica que estarás atado a más librerías y tecnologías, y que seguramente no llegues nunca a usar muchas de ellas. Un resumen de sus características más importantes:

  • Permite test hechos con Karma y Mocha
  • Permite tests de aceptación con Selenium. Si quieres, échale un ojo al post que publiqué sobre Selenium y Docker.
  • Utiliza webpack para las tareas de build.
  • Utiliza ExpressJS como tecnología de servidor.

Instalación

La forma más simple de usarlos es clonar el repo del proyecto en tu máquina y luego borrar la carpeta .git/, para empezar con tu proyecto.

Te recomiendo guardar una referencia al repositorio original, ya que el autor puede lanzar alguna actualización que te interese agregar a tu propio código.

Para clonar el repo del proyecto, empezamos un proyecto nuevo y agregamos una referencia remota al starter-kit y otra referencia al repositorio de nuestro proyecto.

$ mkdir new-project
$ cd new-project
$ git remote add original https://github.com/pheuter/essential-react.git
$ git fetch original
$ git remote add origin [URL de nuestro repo]

Así, siempre que queramos actualizar desde el repositorio del starter-kit solo tenemos que hacer:

$ git pull original master

Si te ha gustado este post, difunde la palabra. Tampoco dudes en dejar comentarios u observaciones. ¡Gracias! :)

Suscríbete a mi lista de correo

* Campos obligatorios