とーますメモ

Ruby on Rails / Goなどの学習メモ

Material UI

React Hook Form v7 × Material UIを使用したときのメモ書き

React Hook Formを使用するのは初めて。 React Hook Formを使用することでform内の値を管理するstateが不要になり、バリデーション機能も含まれているため、コード量を大幅に減らすことができる。またネット上にサンプルも非常に多いのも魅力的。form値の監…

【React】Material UIについてのメモ書き

Material UI学習時のメモ書き Gridシステム bootstrapを使用するときも同じだが、まずは基本のGridシステムの使い方を最初に知る必要がある。Gridは親Gridでcontainerを書き、その内側の子Gridでitemを定義する。 boostrapでいう、div class='container'とdi…

【Next.js】Material UIをSSRで使う方法

何も考えずにNext.jsでMaterial UIを使おうとすると以下のエラーが出ます。 Warning: Prop 'className' did not match. Server ... Material UIではSSRへの対応方法が準備されており、以下がそのサンプルです。 material-ui/examples/ssr at master · mui-or…