入門
これから始めるReact.js
8

React.jsのスタイル指定は、従来通りCSSを読み込む方法のほか、JSX内にインラインでスタイル指定をする方法があります。この記事ではインラインでスタイル指定をする際の方法、および注意点を解説します。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

アプリケーションが大規模になり、コンポーネントの入れ子が複雑になってくると、見通しが悪くなることがあります。そこでコンポーネント構造をなるべく浅く保つこともできるchildrenの使い方を解説します。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

前回は、ECアプリケーションの全体設計を考え、ひとまずStatelessなコンポーネントでモックのHTMLを置き換えるところまでを行いました。今回はデータの流れや、ユーザーのアクションに対する応答を実装します。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

コンポーネントを組み合わせて、簡単なECサイトを作りながら、React.jsでのアプリの設計、実装方針、実装手順などを解説していきます。これまで解説した設計思想を生かした実装とはどういうものか、体験してみましょう。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

これまで解説したコンポーネントの基礎的な知識を踏まえ、コンポーネントが受け取る型の指定、コンポーネントのライフサイクル、Statelessコンポーネントなど、より実用的な事項について解説します。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

React.jsのJSX記法について間違いやすいポイントと、なぜそれがエラーになってしまうのか、その理由を解説します。このポイントを意識していないと、簡単なコードを書くにもReact.jsを使いこなす以前のところで詰まってしまう可能性があります。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

React.jsの基礎となるコンポーネントについて、その概念から実装の基本を解説します。コンポーネントという言葉は頻繁に使われるので、React.jsでいうところの意味を、コードとともにしっかり押さえましょう。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア

Facebook社が開発しているライブラリ、React.jsを開発に取り入れてみようと思っているReact.js初学者向けのシリーズです。第1回目はReact.jsの特徴について、既存のライブラリとの相違にも着目しながら解説します。

杉浦 有右嗣
杉浦 有右嗣 | フロントエンド・エンジニア