加速するコンポーネント設計入門 / Component Design as an Accelerator

2022/10/07 103 users Keywords 境界 フロントエンドエンジニア デザイナー

社内勉強会用 デザイナーとフロントエンドエンジニアの境界をなくし、UI開発を加速させるためのコンポーネント設計入門 ※フロントエンドエンジニア視点 [Keywords] - 共通認識としてのデザインシステム - 共通認識としてのコンポーネント設計 続きを読む

【React/Vue.js】コンポーネント設計の（個人的）ベストプラクティス | Offers Tech Blog

2022/05/23 167 users React ベストプラクティス Kazuya offers

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、React や Vue.js などの SPA フレームワークにおけるコンポーネント設計について紹介します。 昨今のフロントエンド開発では、コンポーネント指向での開発がスタンダート化しつつあり... 続きを読む

CSSとコンポーネント設計に対する考察 - uhyo/blog

2020/12/20 134 users uhyo CSS 考察 Blog

近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Componentsとして知られる仕様群により、ライブラリに依存せずに“コンポーネント”を作ることもできるようにな... 続きを読む

最近のフロントエンドのコンポーネント設計に立ち向かう - Qiita

2018/04/01 250 users Qiita コンポーネントベース フロントエンド React

ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をす... 続きを読む

amakan の React コンポーネント設計 - ✘╹◡╹✘

2017/03/15 285 users amakan React header コンポーネント 構造

2017 - 03 - 15 amakan の React コンポーネント設計 説明用の図 例として、amakan anime のトップページ https://anime.amakan.net/ の構造を挙げながら説明する。 登場する コンポーネント 一覧 React.Component クラスを継承したクラスを コンポーネント と呼ぶ。上手に登場する コンポーネント は以下の通り。 Header... 続きを読む