【徹底比較】Vue.js と React でレンダリングされる値、されない値

2024/02/26 8 users React Props Vue.js 変数 徹底比較

フロントエンドの開発・デバッグ中にコンポーネント内の変数や props の値を確認したい時、console.log() で出力するよりも画面上にレンダリングしてしまう方が分かりやすい場合もあります。 コンソール出力は値の変化をリアルタイムで確認するには不向きです。一方、画面上にレンダリングすると、値の変化を直感的に把... 続きを読む

そこのお前！　余計なuseMemo1個に含まれるオーバーヘッドは余計なdiv 0.57個分だぜ！ - Qiita

2022/01/06 68 users Qiita useMemo React オブジェクト API

※効果には個人差があります。 useMemoのオーバーヘッドについて ReactのuseMemoは、パフォーマンス最適化に使われるAPIです。コンポーネント内で計算やオブジェクトの生成を行う際に、以前の計算結果をキャッシュして使い回すことで再レンダリング時の計算を削減したり、新しいオブジェクトの生成を防ぐことができます。... 続きを読む

【Vue.js】Scoped CSSよりCSS Modulesの方がベターだった件 - Qiita

2019/06/29 132 users Qiita CSS Modules Vue.js 装飾 手法

コンポーネント内で閉じた装飾の手法として、 Scoped CSS(vue-loader の機能)や CSS Modules, CSS in JS などが流行っています1。 Vue.js で Single File Component を利用する場合、 Scoped CSS は手軽に利用できますが CSS Modules についても手軽に利用ができることがわかったので、比較をしてみました。 Scoped CSS,... 続きを読む

【Vue.js】Web API通信のデザインパターン (個人的ベストプラクティス) - Qiita

2019/05/12 400 users AXIOS Vuex Qiita ベストプラクティス API

はじめに Vue.jsを使用したアプリケーションでのWeb API呼び出しのデザインパターンについて調べてみました。 しかし検索して出てくるチュートリアルやサンプルはコンポーネント内でaxiosをインスタンス化していたり、Vuexの中でaxiosを使用するというサンプルが多数見受けられました。しかし実際のプロダクトでこれをし... 続きを読む

Vue.jsで style scoped な単一ファイルコンポーネントのcssをオーバーライドする

2018/08/14 16 users 単一ファイルコンポーネント ＳＬＯＴ Vue.js Box

https://medium.com/vuejs-tips/override-scoped-css-de4275119b87 単一ファイルコンポーネントを作る時、 style scoped として CSSの影響範囲をコンポーネント内に収めるわけですが、 コンポーネント外部から内部のスタイルを変更したい場合があります。 <template> <div class="box"> <div class="message"> <slot></s... 続きを読む