stibbarのブックマーク - はてなブックマーク

ゼロから始めるStorybook入門(React編) | アールエフェクト
StorybookはアプリケーションからUIコンポーネントを切り離し、独立した状態でコンポーネントの開発、動作確認やテストを行うために利用することができるUIツールです。コンポーネントが持つpropsを変更することでブラウザ上でどのような表示になるかプレビューを行うことで動作確認することができます。この説明が最初は”?”の人でも本文書では公式のドキュメントよりもさらにシンプルなコードを利用して動作確認を行なっているのでStorybookの基礎的な利用方法や機能を短時間で理解することができます。 Storybookが利用できるJavaScriptのフレームワーク/ライブラリにはReact以外にもVue.js, React Native, Svelte, Amber, Angularなどがありますが本文書ではReactを利用しています。本文書で動作確認を行なっているStorybookのバージョ
stibbar 2023/07/21
https://engineering.mercari.com/blog/entry/2018-12-19-123834/

storybook

react
リンク
こんなに簡単なの？React Hook useContextでデータ共有 | アールエフェクト
ReactのuseContextはコンポーネント間でデータ(状態)の共有とデータ(状態)の受け渡しに関するHookです。useStateやuseReducerと組み合わせて利用することができます。まず本書では最も基本的なuseContextの使用方法について説明を行いその後にuseStateとuseReducerを使った利用方法を別々に説明します。その後コンポーネントのRe-renderについても動作確認を行い、本文書を読み終えるとuseContextがどのようなものかを理解することができます。 React 18で動作確認を行なっています。 useContextとは通常親コンポーネントから子コンポーネントにデータを渡す際はpropsを介して行います。しかし親から子、そのまた子といったように複数のコンポーネントを介してデータを渡す場合にprops(prop-drilling)では設定が複雑
stibbar 2023/05/30
react
リンク
Slack Web APIを使ってアカウントに直接メッセージを送る | アールエフェクト
Slack Web APIとは Slack Web APIを利用するとSlackワークスペースのユーザの情報へのアクセスやユーザ、チャネルへ自作のプログラムから直接メッセージを送信することができます。 Slack Web APIのアプリケーション作成 Slack Web APIを使用するためには、Slack上でアプリケーションを作成する必要があります。アプリケーションの作成を行わなければSlack Web APIを使用することができません。 Slack apiサイトにアクセスします。SlackにWEB経由でログインする必要があるためSlackのユーザIDとパスワードが必要になります。 slack apiトップページ真ん中にあるStart Buildingボタンをクリックします。アプリケーション名の入力画面 Slackアプリケーションの作成画面(Create a Slack App )が
stibbar 2021/02/19
slack
リンク
1