ReactをTypeScriptで書く3: React編 | dkrkのブログ
メモです。 そして前回からの続きです。 追記: 2019/07/16 全体的に項目を修正しました。 Function Component Function Componentの基本形はReact.FC型を使用する。 ジェネリクスにpropsの型を指定することができる。 PropTypesなどで指定していたpropsの型指定が、型エイリアスに移っただけ。 import * as React from 'react'; // Introのpropsのtype aliasを定義 type ContentProps = { title: string; } // React.FC型を用いる // ジェネリクスにIntroPropsを指定 const Content: React.FC<ContentProps> = props => { return ( <> <h2>{props.title}<
React + TypeScriptのESLintルールをカスタマイズしたり、Airbnbのやつを導入するぞ。 | Ginpen.com
何もしないでそのままでも十分かもしれない。 先にまとめ 最近の react-scripts は ESLint を含んでいるので別途インストール不要 設定は .eslintrc.js を作成して extends: ['react-app'] する Airbnb のルール設定を使う場合はもうちょい頑張る 元々 create-react-app してない場合も同じ Airbnb ルール利用時の手順概要 ESLint 初期化 ESLint の設定を更新 コードを recommended な状態へ対応 想定環境 Node.js v10.16 react-scripts v3.1 TypeScript v3.5 ESLint v6.1 @typescript-eslint/eslint-plugin v1.13 React アプリの準備 create-react-app でテンプレートから作成します。
【React】create-react-app後、eslint系の設定をeslintrcに移した際のメモ - ざきの学習帳（旧 zackey推し ）
最近、実践TypeScriptという本を購入し、TypeScriptでReactやVueを書く勉強をしています。🖋 上記本の 第7章 TypeScriptとReact にて、create-react-appを用いて、TypeScript x Reactな環境を構築・学習しています。 その際、package.jsonからeslint系の設定をeslintrc.jsに移した内容について、メモとして書き残しておこうと思います。 create-react-appとは？ 手順 1. 環境構築（React x TypeScript） 2. eslintの設定確認 eslint系パッケージはreact-scriptsに含まれている 3.eslintの設定をeslintrc.jsに移す eslintrc.jsの生成 eslintrc.jsへの追記 package.jsonからeslintの設定を削除 お
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - yymm/hooks-canvas-sample: A example canvas animation using react hooks.
A Beginner's Guide to using Typescript with React
