miyabisan2の記事一覧
-
Reducerとは？ Storeに変化を加えるために必要なReduxの要素です。stateとactionの二つの引数を受け取ります。 Reducerの作成手順 1.reduxライブラリからcombineReducersをインポートする…
-
Reduxの概要 コンポーネントのサイズが大きくなった際や複数コンポーネント間で状態を管理や共有するために使用される2015年に公開された状態管理ライブラリです。 メリット 特定のコンポーネント配下にstateをおかないので、再レンダ…
-
02.08
【React】「React.memo」について
React.memoとは？ コンポーネントのレンダリング結果をメモ化するReactのAPI、React16.6から導入されました。あくまでpropsの変更に対して再レンダリングの判定が行われるだけでstateやuseContextで…
-
前提 deviseをインストールしておきましょう。 userモデル（deviseの対象モデル）を作成しておくこと。 事前準備 rspec関連Gemのインストール Gemfile [crayon-6aa316577…
-
基本的にどちらもDeviseにおいてルーティングのカスタマイズをしたい場合に使うDevise独自のDSLになります。 devise_for devise_forの内部的にはdevise_scopeメソッドを使用してルーティングが作成され…
-
「find_or_initialize_by」や「find_or_create_by」とは？ Rails4以上で使えるようになったActiveRecordのメソッドです。 find_or_initialize_by 新規作成をして保存…
-
JSON(String)をハッシュに変換する。 構文 RubyのJSON文字列(String)をハッシュ形式に変換するメソッドです。 [crayon-6aa316577eb87136154914/] JSON文字列 RubyではS…
-
事前準備 model側 [crayon-6aa316577f072838107400/] locales側 [crayon-6aa316577f07b329024673/] 実装 インスタンスメソッド(Enumの個々の値を操作す…
-
ESLintとは？ JavaScriptのための静的検証ツール。コード実行前にバグを見つけたり、カッコやスタイルと統一したりするために使う。Node.js8.10.0以降を利用して実行できる。 特徴 全ての検証ルールを自由にon/of…
-
src/index.jsとは？ Reactのエントリーポイント（Reactアプリケーション内で一番初めに呼び出されるソース）です。 また、webpackとかを使っている場合はデフォルトでwebpackのエントリーポイント（ビル…
