エンジニアを目指す日常ブログ

日々勉強したことのメモ。独学ですので間違っていたらコメント等で教えてください。

2021-11-01から1ヶ月間の記事一覧

Typescriptの特殊な型定義のメモ

型定義が必要なTypescriptを利用しているが、何を定義したらよいか難しい場合があるので、調べた内容を記載する。

react-router-domを使ったルーティング方法メモ

eact-router-domを利用して基本のページ遷移を実施する。 react-router-domは2021/11/3にバージョン6がリリースされたようだが、情報が少なくて独学が難しいのでバージョン5から始める。

yarnで古いバージョンのパッケージをインストールする方法メモ

Reactのreact-router-domを例に、yarnで古いバージョンのパッケージをインストールする方法メモ。

React × Typescriptでコンポーネントを書く時のテンプレートメモ

React × TypeScriptでコンポーネントを追加するときに毎回迷うので、基本となる要素をメモ。

ReactでCSSを適用する方法のメモ

ReactでCSSを適用する方法のメモ。ReactでCSSを当てる方法はいくつかある。覚えておけばよさそうなものだけ抜粋してメモ。

【React】レンダリングを制御するための関連知識メモ

Reactのレンダリングに関わるuseEffect、memo、useCallback、useMemoに関しての基本事項を記載。

AWS Amplify がビルドに失敗したときの原因をメモ

AWS AmplifyでReactアプリを作成しようとしたところ、ビルド実行時にエラーとなったので原因をメモ。

重要だけど忘れそうなJavaScriptの記法メモ

Reactを勉強する中でJavaScriptの記法を利用している。 その中でよく出てきた、超基本の重要なJavaScript記法をメモしておく。今後、何か月か勉強をお休みすることがあると忘れそうなため。

【React/ useState】setState関数の書き方が下手で大量レンダリングが起こった話

Reactを利用してアプリを作っていたところ、予期せぬ大量レンダリングが発生して画面描画が遅くなってしまった。 いろいろ試した結果、useStateのset関数の使い方が悪いことがわかったのでメモ。

React+Node.jsとsocket.ioでチャットアプリの基礎を作成する

ReactとExpressを利用して簡易チャットアプリを作成した。 実施した内容をメモ/紹介する。

画面サーバ(React)とWebサーバ(Node.js)をSocket.ioで接続する方法メモ

チャットアプリの事前準備として、画面サーバ(React)とWebサーバ(Node.js)を別々に構築して、クライアントとWebサーバ間をSocket.ioで接続する。