[B! react_component] ryota-murakamiのブックマーク

Achieve skeleton loading with React

ryota-murakami 2017/12/07

react_component

リンク

ReactとWAI-ARIAでアクセシブルなアコーディオンUIを実装してみた / masuP.net

React の手習いに開閉式のいわゆるアコーディオンUIを実装してみましたので備忘録。 Javascript, ES2016, React, WAI-ARIA とも確信を持ってるわけではなく、いずれも調べながらの実装なので、マサカリツッコミやアドバイス歓迎です。要件アコーディオンUIは、コンテンツの表示トリガー（アコーディオンヘッダー）とコンテンツ（アコーディオンパネル）がグルーピングされたものが（主に縦方向に）並んでいるものを指していることが多いと思いますが、とりあえず次の要件で実装しました。アコーディオンヘッダーをクリックでアコーディオンパネルの開閉を切り替えアコーディオンパネルの開閉の初期状態を設定可能すべて開く / すべて閉じるボタンの実装（ボタンを表示させるかは選択可能）フォーカスマネジメントする（隠れているアコーディオンパネル内の要素はフォーカスされない）キーボ