超平面あのにのにスマートフォン用の表示で見る超平面あのにのに僕の雑記この広告は、90日以上更新していないブログに表示しています。WebTweethttps://getstorybook.io/StorybookとはWeb開発におけるUIコンポーネントを作る環境のこと。インストールまずは導入するReactJSプロジェクトを用意する。http://getstorybook.ioこのようになったら導入成功。yarnの利用が推奨されてるらしい。storiesというディレクトリが作れていて、中にWelcome.jsButton.jsindex.js3つのファイルが生成されている。WelcomeとButtonはサンプルコンポーネントで,indexはコンポーネントをStorybookにつなぐためのもの。storybookで実行してみる。http://localhost:6006/にStorybookが表示される。));storiesOfでストーリーを定義出来る。コンポーネントの視覚的なテストのようなイメージ。addでprops等を入れていく。いうpropertyがつくとボタンが小さくなるようにする。React.PropTypes.func,};Buttonコンポーネントをこんな感じに書き換える。リアルタイムで見た目が変わった。共有する作成したStorybookプロジェクトはStorybookHUBで共有できる。InterfacesまずStorybookにコメント機能を付ける。'@kadira/storybook-addon-comments/register';コミットしてGitHubにプッシュする。StorybookHUBのサイトにAppを登録する。いまプッシュしたGitHubリポジトリを対象にする。自動でビルドされて、StorybookのURLが生成される。Storybookpublicで公開することもできれば、privateでAppを作成して招待するという事もできる。Storyに対してコメントが出来る。Privateリポジトリはコラボレータを増やすのにお金がかかる。17:31StorybookでReactJSコンポーネントのレビュー環境を作るTweet広告を非表示にする関連記事2017-05-24Angular+Firebaseでまずはフロントエンドだけ作っていくとすごく楽しいタイトルのとおりです。firebaseでリアルタイムチャットアプリ作った。リア...2016-12-031日でリアルタイムチャットを作る。