kurosame’s diary

フロントエンド中心です

React

React DnD v11(古いバージョン)の実装

はじめに 少し癖のあるReact DnDを古いバージョンで使わなければならない案件を対応しました 3 つくらい古いメジャーバージョンだったので、公式ドキュメントの Examples が動かず、かつ、ネット上にドキュメントが少なかったので、一応実装をこの記事に残し…

静的サイトの Next.js を SPA でルーティングさせる

はじめに この記事の内容は、以下のサイトと同じことをやってます この記事は自分用のメモです https://colinhacks.com/essays/building-a-spa-with-nextjs https://blog.hey3.dev/posts/nextjs-spa 概要 Next.js アプリを静的ファイルにビルドし、S3 にデプ…

React + Firebase Authentication

以下の React で作ったアプリに Firebase Authentication を導入してみようと思う Glossary 今回実装したコードはこちら GitHub - kurosame/glossary: Glossary App using React Firebase 側の設定 Firebase の Authentication からログイン方法を設定をクリ…

React と Vue.js と Angular の比較

はじめに なんとなく React と Vue.js と Angular の比較メモを残したいと思った (今年は新規プロジェクトの立ち上げが多く、会社でフロントエンドのフレームワークをどれ使ったらいいか聞かれることが多かったため) 私は React 歴半年、Vue.js 歴 1 年半…

React Hooks について [ Basic Hooks編 ]

reactjs.org こちら公式サイトで Basic Hooks と呼ばれてる useState と useEffect と useContext のみ実装してみます Additional Hooks については、また今度にしますが、useReducer など Redux の reducer のような機能もあって面白そうです まだ Hooks は…

React の Context API について

ContextAPI v16.3 から追加された機能 React のみでいい感じの State 管理ができる Redux とは別の選択肢ができただけと思って良い認識 従来の State 受け渡し class Parent extends React.Component { constructor(props) { super(props) this.state = { co…