WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用
インプレス
- 柴田文彦(著者)
Reactの仕組みと使い方がわかる。UIコードを再利用化!
Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説!
Reactは、Webアプリケーションにおいて、ユーザーインターフェース(UI)を構築するためのJavaScriptライブラリ。Facebook/Instagram社が中心となって、オープンソースとして開発・保守されています。Reactを使えば、プログラムの保守・再利用が容易になると同時に比較的高速な動作を実現できます。
本書ではこれらの特長を概観したあと、開発の基本、一歩進んだ使い方などを解説します。Hello Worldや小さめのサンプルからはじめることで、初歩のレベルから着実に理解できるようにしました。これからReactによる開発を学ぼうとする方にとって最適な実践的入門書です。
発売日:2016-11-25
ページ数:240ページ
目次
表紙
商標など
はじめに
目次
Chapter 1 Reactとは?
1-1 Reactの概要と特長/Reactは一種のJavaScriptライブラリ?
Declarative
Component-Based
Learn Once, Write Anywhere
1-2 Reactを使うために必要な準備/さまざまな動作環境
1-3 Reactを動かしてみよう/JSFiddle上での試運転
1-4 Reactを理解する5つのキーワード/構成要素で考えるReact/コンポーネント
ステート/プロパティ
JSX/仮想DOM
Chapter 2 Reactのコンポーネント
2-1 コンポーネント定義の基本/HTML要素をコンポーネント化する
要素の属性を指定する
カスタムコンポーネントを作る
2-2 内容が変化するコンポーネント/文字列を受け取って表示するコンポーネント
与えた式を計算するコンポーネント
2-3 ユーザーからの入力を受け付けるコンポーネント/1つのコンポーネント内に複数の要素を配置する
文字列を入力するinput要素を配置する
ユーザー入力に反応する仕組みを実現する
2-4 コンポーネントのライフサイクル/ライフサイクルメソッド
典型的なライフサイクルシーケンス
ライフサイクルの変遷を観察する
Chapter 3 JSXの基本
3-1 JSXの概要とメリット/JSXを使うには
JSXとBabel
JSXとHTMLとの違い
3-2 JSXの中で使うJavaScript/JSXでカスタムコンポーネントを記述する
JSXで複数の要素を配置する
JSXでステート付きのコンポーネントを作成する
条件(三項)演算を使う
真偽値の属性を指定する
JSXの中のコメントの書き方
3-3 スプレッド属性を利用する/スプレッド属性とは
スプレッド属性でスタイルを設定する
カスタムコンポーネントでスプレッド属性を利用する
デフォルトの属性をスプレッド属性で設定する
デフォルトの属性をオーバーライドする
3-4 JSXトランスパイラの使い方/Webサイト上のトランスパイラを利用する
ブラウザ用のトランスパイラを利用する
JSXを別のファイルに保存して動かす
Chapter 4 Reactを使いこなす
4-1 Reactで使うフォーム/HTMLとの比較
コントロールドコンポーネント
type属性とchecked属性でラジオボタンを実現
type属性で複数選択可能なチェックボックスを実現
プロパティによって選択状態の初期値を設定する
value属性でセレクトボックスを選択可能にする
TextAreaコンポーネントではvalue属性で値を設定
4-2 フォームのサブミットとバリデーション/formタグとonSubmit属性
ステート値のバリデーション
4-3 動的に作成するコンポーネント/HTMLとReactのtableタグの違い
配列要素を自動的に展開して表示するmapメソッド
4-4 コンポーネント間の機能の共有/マルチコンポーネント化
ネームスペースドコンポーネント
Mixinの利用
Chapter 5 Reactの一歩進んだ使い方
5-1 アドオンによる機能拡張/Reactのアドオンについて/公式なアドオン
Reactアドオンを使う準備/アドオンの使用例
5-2 アニメーションの基本テクニック/Reactアニメーションの種類/CSSアニメーションを確認する
Reactアドオンによる出し入れのアニメーション
Reactアドオンによる初期マウントのアニメーション
トランスフォームを使ったアニメーション
Reactアニメーションを使ったToDoリスト
5-3 Reactの開発ツール/React純正のブラウザ拡張機能
React Developer Toolsの簡単な使い方
5-4 Reactの周辺技術/次に何を学ぶべきか?/Flux
React Native
いくつかのUIライブラリ
索引
著者プロフィール
奥付
著者プロフィール
-
柴田文彦(著者)
大学時代にApple Ⅱに感化され、パソコンに目覚める。8ビットパソコン時代、1981年ごろから月刊I/O、月刊ASCIIに自作プログラムの解説などを書き始める。その後、事務機器メーカーに就職し、カラープリンターなどの研究、技術開発に従事。1999年に退社した後、Macを中心としたパソコンの技術解説記事や書籍を執筆するライターとして活動。最近は、AndroidやiOS、Mac OSのプログラミングに関する記事、書籍の執筆に注力しつつ、多機能かつ効率的なWebアプリ開発手法を独自に研究している。プログラミングこそ、パソコン本来の楽しみ方であり、人間の創造性を高める活動の最たるものと信じている。
絶賛!発売中!
-
- 見えにくい、読みにくい「困った!」を解決するデザイン【改訂版】
- 予約 2618円
-
- 間嶋 沙知(著者)
- グラフィックス・デザイン
-
- 予約受付中
-
- はじめての 知識グラフ構築ガイド
- 予約 3982円
-
- Jesus Barrasa(著者)、 Jim Webber(著者)、 櫻井亮佑(翻訳)、 安井雄一郎(翻訳)
- その他言語
-
- 予約受付中
-
- マンガで学ぶパワーポイント[PowerPoint]”勝てるプレゼン” Microsoft 365対応
- 予約 1639円
-
- 著者・監修:木村幸子(著者)、 シナリオ:秋内常良(著者)、 マンガ:朝戸ころも(著者)、 マンガ制作:トレンド・プロ(著者)
- ビジネスアプリ
-
- 予約受付中
- 運営会社
- FAQ
- お問い合わせ
- 利用規約
- オンライン販売について
- 特定商取引法に関する記載
- ゲームソフトの利用に関するガイドライン|
- 個人情報について
- PURCHASE GUIDE (ENGLISH)|
Copyright © Mynavi Publishing Corporation