Using different port for the packager (instead of the default 8081).

[romshiri]

It's not possible to run both React Native and Storybook packagers simultaneity as they both use port 8081 for running the packager.

I'd like to change the port Storybook packager runs on.
The command "npm run storybook -p " just change the port of the served HTML page.

[Gongreg]

Hey @romshiri,
Right now there is no way to do it.

But it can be quite easily implemented:

inside app/react-native/src/bin/storybook-start.js there are lines:

let cliCommand = 'node node_modules/react-native/local-cli/cli.js start';
if (program.haul) {
  cliCommand = `node node_modules/.bin/haul start --config ${program.haul} --platform all`;
}

We could add another command option for packager port.
If it was:

let cliCommand = 'node node_modules/react-native/local-cli/cli.js start --port=${YOUR PORT}';

It would work :).

If you want you could easily contribute on this thing. Or maybe I will have some free time tomorrow to do this.

[SaraChicaD]

i'm having this same problem :'(

However in the slack Rafael Mendiola mentioned that:

The problem was that %appname% in storybook.js wasn't replaced properly with the application name. So after doing a fresh RN installation and running getstorybook, you end up with this line (if I remember correctly)
AppRegistry.registerComponent('%appname%', () => StorybookUI);

So I just replaced the app name and it worked.

[ndelangen]

Sounds like something we could very easily do @Gongreg ?