マガジンのカバー画像

Reactについて

5
Reactについての記事のまとめです
運営しているクリエイター

記事一覧

ReactNativeで[EMFILE: too many open files, watch]エラーが起こった時の解決法

ReactNativeで[EMFILE: too many open files, watch]エラーが起こった時の解決法

キャッシュの削除を行うwatchman watch-del-allrm -rf $TMPDIR/react-*npm start -- --reset-cache

私の場合はこれで解決しました。

これで解決しない場合はWatchmanをインストール・設定をしてみると解決するかもしれません。

create-react-appが古いので代替案と使い方まとめた

create-react-appが古いので代替案と使い方まとめた

npm create-react-app my-app

これはどうやら役目を終えたらしい。

ありがとうcreate-react-app(CRA)

なので移行先または新しいアプリ作成方法が必要。

以下代替案とプロジェクト作成方法

Vite

Viteは高速な開発環境を提供するためのビルドツールで、Reactを含む様々なフレームワークで使用できる。ビルド速度が速いらしい。

個人的にはそんな

もっとみる
MUI (Material-UI) の主要コンポーネント早見表

MUI (Material-UI) の主要コンポーネント早見表

個人的に使いたいのでおすそ分け的な感じです。

<Card>: 情報をまとめて表示するためのボックス。

<Button>: クリック可能なボタン。

<Typography>: テキストのスタイリング (見出し、本文など) に使用。

<Grid>: レイアウトを構築するためのグリッドシステム。

<TextField>: テキスト入力フィールド。

<AppBar>: ナビゲーションバーやヘッ

もっとみる
React v5からv6への主な変更点

React v5からv6への主な変更点

はじめに個人的に使うのでここに書き留めてあるだけです。
お役に立てば幸いです。

React v5からv6への主な変更点ルーティング

Switch コンポーネントが Routes コンポーネントに名称変更

Redirect コンポーネントが Navigate コンポーネントに名称変更

useHistory フックが useNavigate フックに置き換わった

サーバーサイドレンダリング

もっとみる
「React v6」定数の使い方一覧

「React v6」定数の使い方一覧

はじめ*今はただAIから引っ張ってきた段階です

随時詳しく書いていこうと思います。

いいね・コメントを頂けたら励みになります!

(Twitterも…)

「React v6」定数の使い方一覧const

使い方: コンポーネント内で値を再代入できない変数を定義する際に使用します。

意味: 変数の値を変更できなくする定数を定義します。

let

使い方: コンポーネント内で値を再代入できる

もっとみる