shimapon

<h1 id="react%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-%E8%AA%AC%E6%98%8E%E7%B7%A8">
<a class="header-anchor-link" href="#react%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-%E8%AA%AC%E6%98%8E%E7%B7%A8" aria-hidden="true"></a> Reactについて 説明編</h1>


<h2 id="%E4%B8%80%E8%A8%80%E3%81%A7%E8%A8%80%E3%81%86%E3%81%A8">
<a class="header-anchor-link" href="#%E4%B8%80%E8%A8%80%E3%81%A7%E8%A8%80%E3%81%86%E3%81%A8" aria-hidden="true"></a> 一言で言うと</h2>
<h3 id="ui%E6%A7%8B%E7%AF%89%E3%81%AB%E7%89%B9%E5%8C%96%E3%81%97%E3%81%9Fjavascript%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA">
<a class="header-anchor-link" href="#ui%E6%A7%8B%E7%AF%89%E3%81%AB%E7%89%B9%E5%8C%96%E3%81%97%E3%81%9Fjavascript%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA" aria-hidden="true"></a> UI構築に特化したJavaScriptのライブラリ</h3>


<h2 id="%E7%89%B9%E5%BE%B4">
<a class="header-anchor-link" href="#%E7%89%B9%E5%BE%B4" aria-hidden="true"></a> 特徴</h2>
<ul>
<li>Viewに特化</li>
<li>宣言型UI</li>
<li>コンポーネント指向</li>
<li>JSX</li>
<li>仮想DOM</li>
</ul>


<p>体系とするなら</p>
<h1 id="react">
<a class="header-anchor-link" href="#react" aria-hidden="true"></a> React</h1>
<h3 id="%E7%89%B9%E5%BE%B4">
<a class="header-anchor-link" href="#%E7%89%B9%E5%BE%B4" aria-hidden="true"></a> 特徴</h3>
<h3 id="%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB">
<a class="header-anchor-link" href="#%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB" aria-hidden="true"></a> ライフサイクル</h3>
<h3 id="%E7%8A%B6%E6%85%8B%E7%AE%A1%E7%90%86">
<a class="header-anchor-link" href="#%E7%8A%B6%E6%85%8B%E7%AE%A1%E7%90%86" aria-hidden="true"></a> 状態管理</h3>
<h3 id="%E3%81%9D%E3%81%AE%E4%BB%96">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E4%BB%96" aria-hidden="true"></a> その他</h3>


<p>頭の整理として、体系化だけ書いておく。詳細は以下のスライドを見る<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__48836f5d0df65" src="https://embed.zenn.studio/card#zenn-embedded__48836f5d0df65" data-content="https%3A%2F%2Fspeakerdeck.com%2Frecruitengineers%2Freact-2023" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://speakerdeck.com/recruitengineers/react-2023" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/recruitengineers/react-2023</a></p>


Reactについて 説明編

一言で言うと

UI構築に特化したJavaScriptのライブラリ

特徴

React

特徴

ライフサイクル

状態管理

その他

Reactについて説明編