このチュートリアルでは、TypeScriptとReactの両方を用いて、SNSでよく見かける「いいねボタン」のUIを実装します。 本チュートリアルは、TypeScriptとReactによるコーディングの体験をすることを主眼に置いています。そのため、TSとReactの理論的な説明は省きます。「TypeScriptとReactでUIを開発するにはどのような流れになるのか」を感じ取って頂くことを目的としています。 Reactの専門書と比べて、本書の解説は詳しさや正確さは劣ります。それでも、初めてReactに触れる方でも読み進められるよう、Reactについて随時ワンポイント解説をしていくので、安心してお読みください。 このチュートリアルで作成するいいねボタンの最終的な成果物はデモサイトで確認できます。チュートリアルを開始する前に事前に触ってみることで、各ステップでどんな実装をしているかのイメージが
![Reactでいいねボタンを作ろう | TypeScript入門『サバイバルTypeScript』](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0aeee728b904908adc0c3d4a354323376534563/height=288;version=1;width=512/https%3A%2F%2Ftsbook-og-image.vercel.app%2FReact%25E3%2581%25A7%25E3%2581%2584%25E3%2581%2584%25E3%2581%25AD%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3%25E3%2582%2592%25E4%25BD%259C%25E3%2582%258D%25E3%2581%2586.png%3Fpattern%3Dcross%26md%3D0%26fontSize%3D75px%26textColor%3D%2523ffffff%26textStrongColor%3D%25238340BB%26overlay%3Dhttps%253A%252F%252Fraw.githubusercontent.com%252Fyytypescript%252Fog-image%252Fmain%252Fpublic%252Fogp-overlay.svg)