TypeScript+Next.js+Laravelで簡易的なメモアプリ開発ハンズオン-7(認証周りのリファクタリング1)

この記事は「TypeScript+Next.js+Laravelで超簡易的なメモアプリ開発ハンズオン」の第7回です。

第6回はRecoilという状態管理用ライブラリを使って、グローバルstateを管理しメモ一覧画面とメモ登録画面のアクセス制御を実装しました。

第7回の今回は、第6回の最後に記載したようにフロントエンド側での認証によるアクセス制御のリファクタリング・ブラッシュアップを行います。

カスタムフックを作成したり、axiosの使い方を変更したりしていきます。

ここのリファクタリング、ブラッシュアップはボリュームがそこそこあるので、7回目ではメモ登録画面、8回目でメモ登一覧画面を実装してきます。

目次

はじめに

本ハンズオンの全回分の買い切りプランはこちらに準備しております↓

それでは実装しています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

この記事を書いた人

大学院(機械工学)→重工業→エンジニア→プロダクトマネージャー(PdM)兼エンジニア

神戸で「つながる勉強会」を運営↓
https://tsunagaru-kobe.connpass.com/

神戸グルメのインスタアカウントを運用しています。

目次
閉じる