Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
6
Help us understand the problem. What is going on with this article?
@kobaboy

Reactを理解するためのメモ

More than 3 years have passed since last update.

Reactを理解するための5つのキーワード

コンポーネント

  • Reactの根幹

ステート

  • ステートはコンポーネントの内部の変数のようなもの
  • コンポーネントが生成される際に初期化され、その後コンポーネントの状態の変化を保持するために使われる
  • ステートはコンポーネントの外部からはアクセスできない

プロパティ

  • プロパティはコンポーネントに外部から与えられるオプションのようなもの
  • HTMLでいうとタグの属性に相当する
  • コンポーネントの内部では、プロパティはステートと同じように変数としてアクセスできるが、 コンポーネント自身はプロパティの値を変更してはいけない。

JSX

  • 「JS」はJavaScript、「X」はXMLの略
  • XMLの文法によって、Reactのコンポーネントを配置できるようにするための一種の言語
  • JSXによりjavascriptとHTMLを混在させるような感覚でWebページのUIを記述できるようになる
  • ReactがJSXに依存しているわけではない

仮想DOM (Virtual DOM)

  • 仮想DOMは、コンポーネントと並んでReactの中核をなす特徴的な技術
  • コンポーネントが外面的なものとすれば、仮想DOMは内面的なもの
  • Reactが内部でコンポーネントを処理し、実際のWebページの表示に反映する際の仕組み
6
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
kobaboy
自己満足ですが誰かの役に立てたら幸いです 少年のような心を忘れずに
fignny
「リアル」と「バーチャル」の境界を意識しない世界をつくります

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
6
Help us understand the problem. What is going on with this article?