超有益資料 まず初めにこちらの資料は非常にわかりやすいです。ぜひ読んでみてください！ https://read-engineer.com/2020/12/11/react/#index_id5 ht…
はじめに Reactで開発する時、どのようにルーティングを実装していますか？Next.jsやRemixなどのフレームワークを用いて開発するときはフレームワークに実装されたルーティング利用し、フレーム…
はじめに Reactの環境構築を行いました。 備忘録を兼ねて環境構築の手順を書きました。 各コードの詳細については省いてます。 忙しい人のために最終的なソースです。 https://github.c…
以下のことがしたかった propsに紐づくものを色変更したかった const colorFlag = (props:string) => { switch (props) { case '01': …
Herokuとは Herokuとは，クラウド上でアプリケーションを開発，実行，管理するためのプラットフォームであり，Salesforce.comによって開発されたPlatform as a Serv…
はじめに フロントエンドにNext.js，バックエンドはsupabaseを利用してGPTが毎回テキストを作ってくれるタイピングゲームを作成しました．初めて作ったwebアプリケーションなので，まだまだ…
Reactは柔軟性とパフォーマンスを兼ね備えた強力なJavaScriptライブラリで、幅広いアプリケーションで採用されています。以下に、Reactを活用した10の驚くべきプロジェクトを紹介します。 …
TypeScript(TS)とは JavaScript(JS)を拡張したプログラミング言語です。 Reactでよく使われます。Vue.js,Angular.jsなどでも使われます。 有益教材 こちら…
Reactの特徴について ①宣言的なview これまでjQuery等で行っていた直接DOMを操作するような記述は「命令的なview」という。 一方Reactは「宣言的なview」を採用しており、デー…
Reactでのイベント処理 https://legacy.reactjs.org/docs/events.html 例えば...クリックした時にイベントを発生させたい場合には、onClickを使用す…
