複雑なフォームを扱っていると、モデルが複雑になってしまう場合があります。 そのような場合にどのような対処法があるでしょうか?
フォームオブジェクトを導入すると、モデルからフォームに関するコードを取り除くことができます。
例えば、以下のようなアルバムの情報を編集するフォームがあるとします。
アルバムのタイトルとアーティストの名前と曲のタイトルを設定できるフォームです。
# centos6の場合 | |
$ ifconfig | |
# centos7の場合 | |
$ ip a |
package "nginx" do | |
action :install | |
end | |
template "/etc/nginx/nginx.conf" do | |
owner "root" | |
group "root" | |
mode 0644 | |
notifies :reload, "service[nginx]", :delayed | |
end |
FormikとはReactで簡単にフォームを管理できるライブラリです。 Formikを利用することで、以下を1か所で管理することができます。
useFormikを使って、大きなフォームを作っているとする。
そのとき、フォームに値を入力するたびにフォームが再レンダリングされてしまい、パフォーマンスが気になる場合がある。
どうすればパフォーマンスを向上することができるのか?
CodeSandboxに公開する