React - scrap

React

たまに動くテンプレートエンジン

メモ

今からクラスコンポーネントを始める理由はない

Hooksは優秀なのでガンガン使おう

#Chrome Extension

一緒に使うライブラリ

とりあえず入れるやつ

#Redux - 状態管理

#React_Router - ルーター

#styled_component - スタイリング

#emotion - スタイリング

個人的なおすすめ

#swr - 非同期でデータを参照するやつ

エディタの設定

vscode-styled-components - styled component のシンタックスハイライト / リポジトリ

アンチパターン

VFC, FCの型をつける

型付けなくても動く

非同期どこに書く問題はあまり言われなくなった

ロジックまとめた親のコンポーネントからとか

とにかくまとまってればいい

ベストプラクティス

複数の node を返したいときは React.Flagment を使う

code: jsx

import React, { Flagment } from 'react';

const Foo = () => (

<div />

</Flagment>

);