- 2020年12月3日
- 2022年11月22日
React学習を楽にしてくれるJavaScriptでの関数型プログラミングの基礎知識
この記事について この記事は、「JavaScriptでの関数型プログラミング」について、Reactを学ぶ際に足を引っ張らない程度にまとめました。普段JavaScriptに触れていながら、Reactへの学習障壁を感じている方などの参考になれば幸いです。 […]
この記事について この記事は、「JavaScriptでの関数型プログラミング」について、Reactを学ぶ際に足を引っ張らない程度にまとめました。普段JavaScriptに触れていながら、Reactへの学習障壁を感じている方などの参考になれば幸いです。 […]
はじめに これはReact Hooksの入門者向けの記事で、今回はuseStateを扱っています。前半部分でReact HooksやuseStateの解説を行い、後半部分で関数コンポーネントを使った買い物リストの実装をチュートリアル形式で行っています […]
はじめに 親から子にデータを渡す際は素直にpropsで渡せば良いですが、子から親のデータを変更する際は関数を実行して変更するので、その方法をまとめました。 どうすれば子コンポーネントで親コンポーネントの状態を変えられるのか 結論から言うと、 ・親コン […]
はじめに ブラウザゲームを作る経験がしたくて、「遊び大全」の中で一番好きなゲームがコネクト4を自分で作ってみました。 リアクティブに画面の状態が変わり、ゲームも進行するのでReact + TypeScriptの練習としては良い題材だったと思います。 […]
‘–jsx’ フラグが指定されていないと、JSX を使用できません これはcreate-react-app直後からエラーが出ていました。原因はtsconfig.jsonの設定ミスです。 react-jsx→reac […]
create-react-appとは Facoebookがreact発表後から4年経ってようやく作った、非公式ながら、ほぼ公式のコマンド。 テンプレート のスケルトンができる。 構成 作られたreacrプロジェクトは以下の3つから構成される。 rea […]
記事の概要 昨今、様々なプロダクトにおいて使われているVue.jsとReact。人気の理由の1つにリアクティブなブラウザの描画があげられます。 ブラウザの再描画を支えている技術が「仮想DOM」なのですが、Vue.js・Reactからフロントエンドを触 […]