-
【Redux】3原則
02.08
第一原則(Single source of truth) 日本語に訳すと「単一情報源」です。アプリケーションの状態はただ一つのStoreで管理するということになります。 第二原則(State is read-only) Stateを直…
-
【React】「React.memo」について
02.08
React.memoとは? コンポーネントのレンダリング結果をメモ化するReactのAPI メリット コンポーネントの再レンダリングを防止し、パフォーマンスを向上させることができる。 用途 下記のようなコンポーネントに対してmem…
-
前提 deviseをインストールしておきましょう。 userモデル(deviseの対象モデル)を作成しておくこと。 事前準備 rspec関連Gemのインストール Gemfile [crayon-603af1bcd…
-
基本的にどちらもDeviseにおいてルーティングのカスタマイズをしたい場合に使うDevise独自のDSLになります。 devise_for devise_forの内部的にはdevise_scopeメソッドを使用してルーティングが作成され…
-
「find_or_initialize_by」や「find_or_create_by」とは? Rails4以上で使えるようになったActiveRecordのメソッドです。 find_or_initialize_by 新規作成をして保存…
-
【Ruby】JSONを処理するには?
02.06
JSON(String)をハッシュに変換する。 構文 RubyのJSON文字列(String)をハッシュ形式に変換するメソッドです。 [crayon-603af1bcddbc6195015765/] JSON文字列 RubyではS…
-
事前準備 model側 [crayon-603af1bcddf88281471581/] locales側 [crayon-603af1bcddf92843336309/] 実装 インスタンスメソッド(Enumの個々の値を操作す…
-
JavaScriptのモックサーバーには「json-server」というのを使うのも一つの手段になります。 インストール [crayon-603af1bcde4f9151813658/] jsonを用意 これがモックサーバーから返さ…
-
【JavaScript】「ESLint」について
01.24
ESLintのプラグイン eslint-plugin-react-hooks Reactでフックのルールを検出してくれます。…
-
src/index.jsとは? Reactのエントリーポイントです。 import import文 説明 import React from 'react'; Reactを利用する場合は必須 …