はじめに javascriptやreact、jest、testing-libraryに触れてきてエラーに遭遇したとき、非同期処理が理解できていないから解決できないのではと思いました。 なんとなくわかっているつもりになっている非同期処理について、学んだことをまとめてみました。 同期処理と非同期処理の違い 「非同期処理」という言葉があるということは、同期処理もあるはずです。 同期処理 一つの処理が完了するのを待ってから、次の処理へ進むことと理解しました。 ※MDNから引用 const name = "Miriam"; const greeting = `こんにちは。私は ${name} です。`; console.log(greeting); // "こんにちは。私は Miriam です。" コードは上から順番に処理が終わるのを待ってから、次の処理が実行されます。 同期処理のデメリット 一つの