React– tag –
-
React
[React] React v19のsandbox|example
[React] React v19のsandbox|example https://stackblitz.com/edit/vitejs-vite-n7qcji?file=src%2FApp.tsx 理解を助けてくれた記事 https://react.dev/reference/react https://run-on.dev/ja/learn/react19 https://zenn.dev/uhyo/books/react-19-new ht... -
React-17
【React】React17でのちょっとした変更・対応箇所
【React】React17でのちょっとした変更・対応箇所 これらを参照にしています reactjs/rfcs New JSX Enhancements in React 17 @dilanthaw111 からの要約記事です React v17から React 17コンパイラはreact/jsx-runtime import React from "react"... -
redux-toolkit
連載[最短で理解する] ReduxToolKit(2)(React x TypeScript) example minimum counter with createActionThunk
連載[最短で理解する] ReduxToolKit(2)(React x TypeScript) example minimum counter with createActionThunk 今回は前回からのコードにextraReducerをつけたもの。非同期部分を追加しました ※コードで動いている様子はページしたのリンクに貼り付けてお... -
redux-toolkit
連載[最短で理解する] ReduxToolKit(React x TypeScript) example minimum counter
連載[最短で理解する] ReduxToolKit(React x TypeScript) example minimum counter 業務で使いそうな予感したから触っておく ※この連載の2はこちら チュートリアル フォルダ構成 (reduxメンテナー「Mark Erikson」のフォルダ構成はfeaturesのなかにhogeSl... -
create-react-app
【解決】React。「There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.」
【解決】React。「There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.」 これが出た時の対処法。 提供されているcreate React Appは "webpack":... -
recoil
【最小で作りたい!Recoil example/sample】TODO application(React x TypeScript x Recoil)
【最小で作りたい!Recoil example/sample】TODO application(React x TypeScript x Recoil) recoil触りたくて無理やり作ったTODOアプリ 触っていて感じたのは 親からコールバック関数渡さないでいいから楽 Functionalコンポーネントが太るけど、恐らくcust... -
React.js
【React】useCallbackの関数に名前をつける
【React】useCallbackの関数に名前をつける useCallbackの関数に名前をつけると 何をしているのかが実装内容を読まないでも関数名からわかる 開発ツールのところに名前がつく -
React-Redux-DDD-clean-architecture
【React-Redux-DDD-clean-architecture】記事を読んでひたすら考える(1)
【React-Redux-DDD-clean-architecture】記事を読んでひたすら考える 最近ひたすらこれについて理解を深めている。 ざっくりだけどなんとなく言葉の意味や使い方などはわかってきたつもり。(できるかはわからないが) 今のプロジェクトは ・React ・Redux ... -
React x Redux状態管理
【React x Redux状態管理】Reduxが保存するべき値かlocalStateでもつべきかのチェックポイント
【React x Redux状態管理】Reduxが保存するべき値かlocalStateでもつべきかのチェックポイント 今現場ではリファクタリングをしようとしています。 リリースに間に合わせるためにガツガツ書いてきたところをしようとするフェーズらしくて。 React x Redux... -
Error: Storybook preview hooks can only be called inside decorators and story functions.
【解決】勝手に追加されてただけ。Error: Storybook preview hooks can only be called inside decorators and story functions.
【解決】勝手に追加されてただけ。Error: Storybook preview hooks can only be called inside decorators and story functions. 開発してるとよくでてくる、「Error: Storybook preview hooks can only be called inside decorators and story functions.... -
PDF
【React】ボタン押下でcomponentをPDF出力する(Function to generate and download PDF as it is by converting components into images once with react)
【React】ボタン押下でcomponentをPDF出力する(Function to generate and download PDF as it is by converting components into images once with react) -
Migration
TSLintからESLintに移行する方が見るページ([React | CreateReactApp] x TypeScript x Prettier)
TSLintからESLintに移行したい方が見るページ([React | CreateReactApp] x TypeScript x Prettier) 率直にいうとこれです。 https://medium.com/@cosmvs/painless-migration-from-tslint-to-eslint-for-react-with-typescript-4befb4918ba8 この通りやって... -
Type '{}' is missing the following properties from type 'stateName
[解決 TypeScript x Redux] Type ‘{}’ is missing the following properties from type ‘stateName’: [propertyname], and 5 more
[解決 TypeScript x Redux] Type '{}' is missing the following properties from type 'stateName': [propertyname], and 5 more TypeScript error in /Users/morita.kenji/Desktop/jbca-client/src/redux/index.ts(170,69): Type 'Reducer<{ router: ... -
もりたけんじ
[3日目React Hooks Sample-Example/ useMemo, React.memo]
[3日目React Hooks Sample-Example/ useMemo, React.memo] 一人アドカレンダーの様相。 useMemoとReact.memoの使い方はドキュメント参照のこと。 ・useMemoのdepsのところにcount2を入れてクリックでインクリメントすると毎回計算されることがわかります ... -
test
react-apolloのテストで「Invariant Violation: Could not find “client” in the context or passed in as a prop」
Invariant Violation: Could not find "client" in the context or passed in as a prop. Wrap the root component in an , or pass an ApolloClient instance in via props. -
React Hooks
GWお勉強ブログ:1 [React Hooksの動きを理解する]
GWお勉強ブログ:1 [React Hooksの動きを理解する] 改めて動きを理解するためのコードを 書いてみました。 ページリロードしてここを押して見てください。 1 false App render Hello render Hello Effect App Effect こうなっているかと思います。 まずuseS... -
使い方-usecase-
recomposeと仲良くなりたい
recomposeと仲良くなりたい recomposeと仲良くなりたい。仲良くなりたいよ私は。 初めまして。吉本初のReact芸人森田です。 今日はちょっとちゃんと技術記事にさせてください。 静的機動戦士flowtypeはこちら 以前書いたやつ instagram note -
react-form
【react】react-formのsubmit前に確認or値を変更したい(日本語)
【react】react-formのsubmit前に確認or値を変更したい(日本語) 以前友達からreact-formのsubmit前にサーバーさんが値を変更して送って来て欲しいという依頼があってどうすればいいのか相談されました。 その当時react-formを使っていないので適当な参照ur... -
invariant.js:42
【React対応】invariant.js:42 Uncaught Error: React.Children.only expected to receive a single React element child
invariant.js:42 Uncaught Error: React.Children.only expected to receive a single React element child これが出たら、console.log上の ここを見て、 ブレイクポイントで何が返っているか見てください。 reactコンポーネントを返すことを期待していま... -
sample
【react-router】react-router3、4に移行(migration)簡単なSampleサンプル作ったよ
【react-router】react-router3、4に移行(migration)簡単なSampleサンプル作ったよ 背景 今のプロジェクトでreact-router0.14系を使っていたのですが、一気に最新のに移行する必要がありました。 まずは3系にあげて、次に4系にあげるために最小単位のSampl...