【React】気になる教材まとめ

はじめ

Reactが気になっているので、学習するにあたっての自分用メモとして書きました。(主観が入ってます。)

※随時更新していきます※

学習サイトまとめ

✅公式チュートリアル

簡単ではないですが、間違いなしな内容です。

Reactチュートリアルをやってみた

【Techpit】React/ReduxでGoogleカレンダー風カレンダーアプリケーションを作ろう

React/Redux を用いたアプリ開発。かなり制作するアプリ含め魅力的な内容。

無料範囲内の環境構築(Docker)がなぜかできずエラーで購入を足踏み中。

XAMPPなりローカルで置き換えて挑戦できるよう、基礎的な部分の知識を教本なりで身に付けてから再度挑戦したい。

【最新版・hooks対応】 Reactの基礎を学んでTODOアプリを作ろう!

上述のTechpit教材を書いた方のnote教材(1000円)。Reactバージョンアップ前の過去noteは無料で見れる。

初学者としてはES6の押さえておきたい構文の内容はとても参考になる)。

参照(参考になる)
〜1章のまとめ〜
props: 他のコンポーネントに情報を渡す仕組み
state: 各コンポーネント内でのみ管理できるデータ

Progate(Reactコース)

有料会員にならないとすべてのコースを受講することはできないが、月額980円と考えると教本買うよりかはコスパ良し。

※公式チュートリアルで充分と感じたのでやらない方向に。

Udemyまとめ

React Native で iOS / Android アプリ開発をゼロから始めよう!

React Nativeで参考になりそうな教材は少ないので非常に気になる。(環境構築がWindowsなのがネック)

フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門

React Hooks 入門 – Hooksと Redux を組み合わせて最新のフロントエンド状態管理手法を習得しよう!

両方とも同じ作者。非常に好評価だけどセール外の時は買う気になれない。24000円。。。

教本まとめ

Effective React Hooks

Hooksの情報を結構学べそう。

りあクト! TypeScriptで始めるつらくないReact開発 第2版

TSまで網羅的に学べそう

React Native ~JavaScriptによるiOS/Androidアプリ開発の実践

これは気になる。React Nativeの書籍。

作りながら学ぶ React入門

React~React Routerまで基礎をしっかり学ぶ感じ。
Reduxは軽く触れられている程度。コスパ考えるとProgateで学ぶもよし???

React.js&Next.js超入門

追記:半額のタイミングで購入。公式チュートリアルをやる際など、わきに置いて少し参考にする程度の使い方をしています。

Reduxで簡易メモを作るチュートリアルあり。
React Routerには触れず、代わりにNext.jsやFirebaseを活用したアプリ制作を学べる。

個人的にはNext.jsは使わずに単体でReact Routerの説明が欲しい。。。(ここに関しては著者のVue.js & Nuxt.js超入門も同じ)
一応内容としては幅広く扱っているので、Kindleセールで半額になる際、買うのはアリかと。

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック

かなり幅広い内容を扱っていそうで、基礎を身に付けた次のステップとして挑戦してみるのもよさそう。
※後述のTechpitの教材とどちらに手を出すか悩みどころ。

以下口コミを見て、Express含めたアプリ制作はあまり興味ないと感じたので手は出していない。

SPA(単一のWEBサイトで構成できるアプリ)を覚えるためのフレームワークExpressを覚え、複数のサイトで構成するアプリに利用できるRsactRouter(ver.4)・・・・。

React開発 現場の教科書

コードが断片的とのこと。難易度も現場と書いているだけあって初心者向けではなさそう。
初学者の自分だと勉強するにも手を出しづらそう。

おわりに

現状、無料の公式チュートリアルがとてもよかったです。

引き続きネット教材を駆使して学習していこうと思います。

参考

Next.jsの特徴と採用するメリットについて考えてみた

 

コメントを残す