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