【Techpit】React × TypeScript でマークダウンエディタを作りながらモダンなフロントエンド開発に入門しよう！

まとめ

Web Worker

• Javascriptはシングルスレッドで（一箇所で順番に処理する）動作するため、複数のスクリプトを同時に実行することはできない。
• UIイベントの処理、大量のAPIデータのクエリと処理、DOM操作を同時に実行することができない。重たい処理をメインスレッドで行うと、画面が固まったりする。
• WebWorkerはメインスレッドとは別スレッドで動作するため、重たい処理を実行しても影響が出ない。
• WebWorkerでできないこと
  • 変数の共有
  • Workerから直接DOM操作を行うこと
  • windowのメソッドやプロパティの使用

参考

https://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API
https://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers

IndexedDB

• ブラウザに実装されているデータを保存するデータベースの機能。
• 保存可能な容量の制限がある（制限を超えた場合は、ブラウザによって古いデータから自動的に削除されてしまう）
• Dexieのライブラリを使用がベター

参考

https://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API/Basic_Terminology

明日も引き続き…