Reactの"要素の型"、それぞれの特性理解していますか？

2023/06/15 7 users React コンポーネント UIコンポーネント 昨今 要素

はじめに 普段React・Next.jsを用いた開発に際して、UIコンポーネントを作成する際にReact.FCやJSX.Element、ReactNodeなどの"要素やコンポーネントに関する型"を使用する場面が多々あるかなと思います。 昨今のReactコンポーネント開発において、実際には要素やコンポーネントの型を「何を使うか」をあまり意識しないで... 続きを読む

const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた

2023/02/22 184 users Props satoko React import リズミカル

VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 1.久しぶりにReactのプロジェクトに参加 リズミカルにキーボードを　タタンッ！　として、 import { FC } from "react" type Props = {} const Hoge: FC<Props> = () => { return ( <> </> ) } export default Hoge って、得意気... 続きを読む

ProviderタワーをRecoilに置き換える

2022/06/26 66 users Recoil baz provider return 呼称

ReactアプリケーションではProviderタワーがよく見られます。Providerタワーは、アプリの上の方で次のコードのように複数のProviderが積み重なっている状態のことです（一般的な呼称かどうかは知りません）。 const App: React.FC = () => { return ( <FooProvider> <BarProvider> <BazProvider> <MainContents /> </Baz... 続きを読む

【検証】React.FC と React.VFC はべつに使わなくていい説 – KRAY Inc.

2021/06/20 20 users KRAY Inc 検証 いい説

こんにちは、クレイの正岡です。 コロナ禍が始まってから小学生時代以来のゲーム生活を送っています。ゲームボーイと呼んでください。 さて、今回は React × Typescript でコードを書いている人／書こうとしている人に向けて、Reactコンポーネントの型定義について頭の片隅に置いておいて欲しい情報を共有したいと思いま... 続きを読む

#9 「UIT vol.6 進化する React.js」 After show | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2019/04/11 17 users Podcast takepepe UIT hooks DeNA

UIT イベント運営メンバーの @potato4d と @kawasako3 が、 UIT #6 の登壇ゲスト @takepepe さん, @sundlers さん, @sakito さんにフロントエンドでの悩みを聞いてみました。 ゲスト紹介 @takepepe さん DeNA/デザイン本部・デザインエンジニアリンググループ イベントにて「Hooks で作る React.FC<Animation>」で登壇 @... 続きを読む