ジェネレータと React を利用したアルゴリズム可視化フレームワーク
2021-05-30Reactalgorithmsvisualization
アルゴリズムを動かしたり止めたり実行制御しながら、リアルタイムに可視化できるフレームワークの全体像を解説します。JavaScript のジェネレータ関数(ワーカースレッドで動作)によるアルゴリズムの記述方式と、表示内容が宣言的に記述できる React を、組み合わせている事がポイントです。
アルゴリズムを動かしたり止めたり実行制御しながら、リアルタイムに可視化できるフレームワークの全体像を解説します。JavaScript のジェネレータ関数(ワーカースレッドで動作)によるアルゴリズムの記述方式と、表示内容が宣言的に記述できる React を、組み合わせている事がポイントです。
概要 前回の記事 で MDN のチュートリアルに React を適用して MERN スタックの SPA (Single-Page Application) にする事が出来た。 フロントエンドの実装では、 Create コンポーネントと Update コンポーネントの共通部分を、…
React, Express, MongoDB / Mongoose の勉強をして、要素技術のピースが揃ってきたので、MDN の Express Tutorial に React を適用して、フルスタックの MERN アプリにした。
今年になって勉強している React や Redux( UI 構築のための JavaScript ライブラリ)が面白い。何がって、根底に「関数型プログラミング」の考え方が生かされているから。 以前の職場で凄い同僚達から、良く関数型の話を聞いていた。関数型の考え方自体は数学っぽい…