react

javascript

Blitz.js が Rails を置き換えるか

結局 Blitz.js は next.js のプラグインのような形に落ち着くようです。Blitz.js 0.XX の頃から使っていただいた皆様。ほんとうにありがとうございました。アーメン。Blitz is no longer an all-...
frontend

Material-UI(MUI) 5 リリース

React と親和性の高い Material UI 5.0 が2021年9月16日にリリースされました。Material UI 5.4.1 は2022年2月8日にリリースされました。Material UI 5.7.0 は2022年5月10日...
frontend

Next.js でクッキーを扱う

クッキーは基本的にクライアントサイド(ブラウザ)側で保持していますが、ブラウザからサーバーにアクセスするたびにリクエストヘッダに埋め込まれるようです。レスポンスヘッダにもクッキーが埋め込まれることにより、ブラウザ側のクッキーも更新されるんで...
frontend

Next.js + MUI 5 + Emotion がよさそう

emotion が一番良さそうな感じです。emotionemition にもいろいろ種類があり、styled-components ライクな記法が使える @emotion/styled よりも、css prop を使う @emotion/r...
react

Next.js の Dynamic Import

要するに、lazy loading みたいに、あとから読み込む機能らしいです。ページの初期表示速度を早くできるようです。あと window.document とか window.alert とかブラウザに関するオブジェクトに SSR 中にア...
rails

Rails の devise_token_auth と Next.js でログイン処理

Rails で ログインAPI を作るなら、devise_token_authがおすすめです。ほとんどの人は devise で user 管理をしているでしょうから、それを拡張する形で導入できます。Next.js とかからも利用できます。ま...
react

React 18 beta リリース

2021年11月15日に React 18 の beta がリリースされました。React 18 is now in betaRC は beta の数ヶ月後リリースは RC の数週間後の予定だそうです。おそらくですが、2022年初頭くらいの...
rails

Rails API と Firebase auth の連携

railsを使用する場合、deviseを用いることが極めて多いです。railsでフロントも含めたアプリケーションを作る場合は、認証に関わる全てをdevise単体でやってくれますし、apiモードでもdevise-jwtやdevise_toke...
react

Recoil, React Query が Redux を置き換えるか

Redux に変わる状態管理ライブラリとして・Facebook謹製の Recoil・React Queryが注目を集めています。Recoil最初に公開されたのが2020年5月15日あたりのようです。Recoil2021年8月27日時点で 0...
frontend

Next.js サンプル

daily.dev Web AppA Next.js + Preact web application of daily.dev. It utilizes the brand new incremental static generatio...