基礎から学ぶ React/React Hooks(キソカラマナブリアクトリアクトフック)
- 著者:
- asakohattori(アサコハットリ)
- 出版社:
- シーアンドアール研究所
- 出版日:
- 2021年08月24日頃
- ISBN:
- 9784863543591
- 価格:
- ¥3,762
- 在庫:
- 1
- 判型:
- 単行本
書籍紹介
本書では、
・ React/React Hooks の基本の習得
・ React/React Hooks を利用した簡単なアプリの作成ができる
をゴールとし、つまずきやすいポイントを確認しながら React/React Hooks が学べる 1 冊です。
React の学習を進める上でつまずく原因は JavaScript への理解不足であることがほとんどではないかと考え、本書の冒頭では JavaScript の基礎について多めにページを割いています。
JavaScript の基礎を固めた上で React/React Hooks を学んだあとは、 TODO アプリの作成に挑戦してみましょう。
また、 Chakra UI を使って、 React アプリのスタイリングも解説しています。
■対象読者
・ JavaScript は少し書けるがさらにスキルアップしたい人
・ React/React Hooks を書ける Web デザイナー/フロントエンドエンジニアを目指す人
・ React/React Hooks でアプリの開発を行ってみたい人
・ React 公式サイトの内容を、少し難しいと感じた人
・ React を一度学習してみたが、挫折してしまった人
・ React を始めてみたいけど、どうしたらいいかよくわからない人
■序文より
React の始め方を間違えて挫折してしまう人は案外多いのではないでしょうか。
数年前まで、勤務先での私のメイン業務はデザイン兼マークアップ (HTML/CSS/jQuery) でした。
そんな中、担当していた Web サイトのフロントエンドが次々と React 化していく流れとなり、 Web デザイナーが担当してきたフロントエンド分野においても React スキルへの需要が高まりました。
とにかく早く React を身に付たい、 React 力を武器にしたいと考え、張り切って勉強を始めたのですが、最初は難しくてワケがわからず泣きたくなるほどでした。 React 公式サイトを見ながら懸命に勉強しましたが、なかなか理解が進まず何度も心が折れそうになりました。
散々遠回りしましたが、 React を学習するためのスタート地点に立つためには JavaScript の基本をきちんと習得していることが前提であることに気付き、思い切って if 文から勉強をやり直しました。その結果、 React が少しずつ理解できるようになり、いつの間にか React が大好きになった現在に至ります。
React の学習を進める上でつまずく原因は JavaScript への理解不足であることがほとんどではないかと考え、本書の冒頭では JavaScript の基礎について多めにページを割きました。そして悪戦苦闘しながら React を書けるようになるまでに学んだことやつまずいたポイントについて、できるだけ噛み砕いて丁寧に説明することを心がけました。
CHAPTER 1 React を始めるために必要な JavaScript の知識
CHAPTER 2 React の基礎知識
CHAPTER 3 React を試してみよう
CHAPTER 4 React の基本をマスターしよう
CHAPTER 5 React Hooks を基礎から理解する
CHAPTER 6 TODO アプリ作成にチャレンジしよう!
CHAPTER 7 Chakra UI でアプリにデザインを組み込む
言及の推移
言及 Qiita 記事 (19 件)
プログラミングスクールの講師を2年間続けて限界が来て辞めた話
♡ 1780HTML, CSS, ポエム, 初学者向け, プログラミングスクール【図解解説】0からReact開発して基礎をマスターできる最強チュートリアル 映画アプリ編【初心者完全版】
♡ 680TypeScript, React, react-router【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
♡ 381TypeScript, React, react-router, tailwindcss【歴史】Reactが覇権を握るまでの知られざる物語【図解解説】
♡ 256歴史, React【React】って何だ?
♡ 70ReactReact(Next)×TypeScript×Goを学習したコンテンツまとめ (随時更新)
♡ 36Go, TypeScript, ReactReact v18 + TypeScript と ASP.NET Core (C#) でホロジュール Web アプリを作り直した
♡ 18C#, TypeScript, React, ASP.NET_Core, chakra-ui(未経験)技術士1次試験の過去問演習アプリつくった [Rails API + Next.js]
♡ 14Rails, 初心者, React, Next.js, 技術士デザイナーがエンジニアリングを覚えるために、エンジニアと頑張った3つのこと
♡ 12Design, ポエム, 初心者向け【こだわりTODO】ReactでTODOアプリをちょっとこだわって作ってみた
♡ 7TypeScript, React, react-hook-form