React Storybook - React 앱 구성 요소 개발에 동행!

React의 개발은 데이터의 상태가 중요하고, 

저장해 두지 않으면 다시 로드하면 원래대로 돌아갑니다. 

이제 상태가 변화하는 가운데에서 개발할 때는 이상합니다. 

그렇다고이를 위해 데이터를 변경하는 것도 귀찮은입니다. 

그래서 사용해보고 싶은 것이 React Storybook입니다. 

스토리라는 단위를 사용하여 데이터의 상태를 나누어 관리 할 수​​ 있습니다.

React Storybook 사용법

데모 Todo 어플입니다.

데이터를 추가하면 그것이 로거에 표시됩니다.

왼쪽의 메뉴에서 선택하면 데이터가 표시되어있는 버전을 선택할 수있었습니다.

또한 미완료 작업보기를 선택했습니다.

여기에는 두 가지의 작업 상태 필터링 기능이 붙은 화면입니다

지우기가 있는 버전입니다

React Storybook를 사용하면 UI 구성 요소를 분할하고 

그 결과를 확인하면서 개발할 수있게됩니다. 

또한 데이터의 상태에 따라 UI가 어떻게 변화 하는지를 클릭 한번으로 볼 수있게됩니다. 

React 응용 프로그램 개발의 수행에 좋을 것입니다. 

React Storybook은 React / JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.

kadirahq/react-storybook at producthunt