React

Reactの基礎概念

Component

ReactにおいてはUI部品のことをComponentと呼ぶ

Componentといってもいろいろあるので要注意

React.Component

クラス

React.PureComponent

クラス

React.FunctionalComponent

型

歴史的にReact.Componentが長く用いられてきたが現在は非推奨

現代（2020年）ではReact.FunctionalComponentを使っていったほうが良い

Componentは一般的に以下の要素を持つ

Props

親要素から指定されるプロパティ

State

Componentの内部状態

現代（2020年）では、Hooksで表現される

Hooks

ComponentからStateを切り出すための方法

React.FunctionalComponentの内部でしか使えない

Reactの基礎概念の具体例

code:concept.tsx

const hoge: React.FC = () => {

return (

<h1>hello</h1>

)

}