react-native에서 storybook 적용 트러블 슈팅

? 스토리북 그냥 공식문서 따라하면 되는거 아님 ?

https://storybook.js.org/tutorials/intro-to-storybook/react-native/en/get-started/

 

당연하다 싶지만, 실제로는 그렇게 되지 않는다.

(설치까지는 위 공식문서를 참고하면 된다.)

 

당신이 마주할 에러는 다음과 같다.

1. storybook 설정 파일 자체에서 에러가 난다.

2. storybook을 켰는데 무한 로딩이 걸린다.

 

1은 RN버전이 낮을 가능성이 높다. 업데이트 하자.

 

가장 많은 사람들이 마주할 에러는 2이다.

2는 일단

yarn storybook으로 스토리북을 먼저켜고

yarn ios 또는 yarn android로 실행해주어야 스토리북에서 감지한다.

 

또한, 스토리북 모드를 일부러 켜주어야한다.

가장 잘 설명된 아티클은 https://dev.to/risafj/setting-up-storybook-for-react-native-typescript-server-loader-ios-android-3b0i 이다.

 

 

이런식으로 환경변수로 storybook 모드를 껏다켜야한다.

이제 잘 나온다 😆

 

타입스크립트 적용 => https://medium.com/dooboolab/setup-storybook-with-react-native-typescript-project-774eea7a7719