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:
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:
Para salvar este inconveniente encontré este camino:
y entrar a http://localhost:9009
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