ライブラリとバージョン Reactプロジェクト作成 $ npx create-react-app react-storybook --template typescript $ cd react-…
こちらのページを参考にしました。 【最新バージョン対応】React Routerの使い方を解説 プロジェクトの作成 create-react-app ex02 cd ex02 yarn add re…
目的・前提 タイトルの通り、CSSフレームワークの一つであるTailwind CSSを、Reactアプリに導入するための手順を記載します。 M1 Macで行うことを前提としています。 ※本記事は2…
こちらのプログラムを参考にしました。 learning-react-2e-ja/chapter-11/11.1/src/ create-react-app のインストール sudo npm inst…
環境の準備 ①ターミナルでreactアプリケーションを作成する。 $ yarn create react-app <プロジェクト名> --template redux-typescript $ np…
１．実現したいこと React（バージョン18）にて、Material-UIをインストールしたい。 ターミナルにて下記コマンドを実行した。 npm install --save @material…
こちらのサンプルに SVG を加えました。 React で jsx を使うサンプル <!DOCTYPE html> <html lang="ja"> <head> <meta charset="ut…
createContextを生成 valueに共有したい変数を記述。 import { createContext, useState } from 'react' import './App.c…
次の環境でテストしました。 $ node --version v14.19.0 $ npm --version 6.14.16 起動時にエラーが出ました。 npm start <--- JS sta…
はじめに 達人プログラマーを読んだので気になった箇所の感想を述べながら自分なりの具体例を交えて解説していきます。 参考程度に自分のエンジニア歴は1年で Rails, React をメインに web…
