martes, 7 de marzo de 2017

React Storybook

React Storybook permite desarrollar los componentes en un entorno más simple que dentro de la aplicación.

Esto evita tener que tomar toda la carga del proyecto para avanzar los componentes.

Así, si algo falla, es más facil encontrar dónde es. También, si se me ocurre algo nuevo, es más facil jugar con esa nueva idea.

Actualmente lo estoy probando en mi sistema que corre Windows 7, con nvm 1.1.1, node v6.9.5 y npm 3.10.10

Primero, instalé Storybook globalmente:

npm install -g getstorybook

Luego seguí las instrucciones para usarlo dentro de un proyecto que ya tenía hecho (y que había desarrollado con creat-react-app)

cd myprojec
getstorybook

En esta parte obtuve el mensaje de error:

$ getstorybook

 getstorybook - the simplest way to add a storybook to your project.

 • Detecting project type. ✓
 • Adding storybook support to your "Create React App" based project. ✓
 • Preparing to install dependencies. ✓


 • Installing dependencies. ✖

     An error occurred while installing dependencies.

Para salvar este inconveniente encontré este camino:


  • Abrir una consola nativa de Windows (cmd)
  • Ir al directorio del proyecto y ejecutar
    npm install
    
Luego de eso, ya se puede ejecutar en la consola de git bash

npm run storybook

y entrar a http://localhost:9009