はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    新内閣発足

『React 入門』

  • 人気
  • 新着
  • すべて
  • React の基礎 - React 入門

    3 users

    react.keicode.com

    ここでは実際に React を動かしながら、React の基礎について学びましょう。 尚、実験する環境は「React 版の Hello, world!」で作成したテスト用の React アプリケーションです。 React の基本要素 〜 React 要素と ReactDOM 最小の React ページの構成 React の基本要素 〜 React 要素 React 要素の画面への出力 〜 ReactDOM 複数の React 要素を子に持つ React 要素の作成 複数の子要素を持つ React 要素の作成 子要素の配列を渡して React 要素を作成する map 関数を使って React 要素の配列を作成 React の JSX とは? React 要素を簡単に記述する JSX JSX による React 要素の作成 JSX を利用するために Babel を取り込む React の JS

    • 学び
    • 2020/12/25 14:31
    • React でフォームを使う - React 入門

      3 users

      react.keicode.com

      ここでは React でフォームで扱う方法を説明します。 フォームというのは、何らかのデータ更新等を扱うものですから、文字を入力したり、 ドロップダウンから何かを選んだり、「OK」ボタンなどを押したり、というイベント処理が基本になります。 このため、まだ読んでいない方は「React コンポーネントの状態とイベント処理」 などでイベント処理を復習しておいてください。 ここではフォームに特徴的な事柄について扱います。 データは state で管理 React アプリケーションでは状態を this.state で維持します。 基本的にコンストラクタで初期設定して、必要に応じて setState を呼び出し、 状態を更新します。 フォームのデータも通常 state で管理します。 フォーム要素の value に this.state のフィールドを関連付けます。 そして、onChange 等のイベ

      • 学び
      • 2019/11/20 17:06
      • React の JSX とは? - React 入門

        4 users

        react.keicode.com

        React 要素を簡単に記述する JSX ここまでの例では React 要素を作成するために、 React API の React.createElement() を利用していました。 しかし、JSX を使うと React 要素をより簡便な形式で作成できます。 JSX は JavaScript を拡張して、UI 要素を記述するのに HTML のようなタグ構文が使えるようにしたものです。 JSX による React 要素の作成 比較のため、まずは JSX を使わないで React 要素を作成する例を示します。これは「React の基本要素 〜 React 要素と ReactDOM」で紹介した例と同じです。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Simple React</title> </head> <bo

        • テクノロジー
        • 2019/04/24 07:26
        • イベントプーリング - React 入門

          3 users

          react.keicode.com

          React ではイベントハンドラでは Synthetic イベントオブジェクトが渡されます。この点については次の記事で説明しています。 Synthetic イベント さて、この Synthetic イベントオブジェクトを使う際には気をつけないといけない点があります。 それがイベントプーリングです。 実はパフォーマンスを向上させるために、Synthetic イベントオブジェクトはあらかじめ作成されてプールされています。 言い換えると、Synthetic イベントオブジェクトは「作りおき」されています。 作りおきされて、そのオブジェクトのプロパティだけ差し替えられて、次々と使われるようになっています。この仕組みにより、 無駄なオブジェクトの生成が回避でき、パフォーマンスが向上します。 しかし、Synthetic イベントオブジェクトを使うのに少し注意が必要になります。 具体例として、次の例を見

          • 世の中
          • 2018/10/02 21:26
          • React 入門

            4 users

            react.keicode.com

            React によるアプリケーション開発の入門サイト React はウェブアプリケーションを開発するための JavaScript ライブラリで、 フェイスブック、インスタグラムが中心となり開発・メンテナンスが行われています。 Google の Angular 等と同じように、いわゆる SPA (シングルページアプリケーション) を開発するのに向いています。 また、React と同様のコンセプトでネイティブモバイルアプリケーションを開発するための、 React Native もあります。 設計思想として "lean once, write anywhere" (ひとたび学び、どこでも書ける) アプローチと言われていて、 ウェブアプリケーションを書くかのごとく、Android 向け、iOS 向けなどのネイティブのコードが書けます。 特定のプラットフォームに向けてコードを書く場合はその環境に最適化

            • テクノロジー
            • 2017/10/16 19:23
            • React

            このページはまだ
            ブックマークされていません

            このページを最初にブックマークしてみませんか?

            『React 入門』の新着エントリーを見る

            キーボードショートカット一覧

            j次のブックマーク

            k前のブックマーク

            lあとで読む

            eコメント一覧を開く

            oページを開く

            はてなブックマーク

            • 総合
            • 一般
            • 世の中
            • 政治と経済
            • 暮らし
            • 学び
            • テクノロジー
            • エンタメ
            • アニメとゲーム
            • おもしろ
            • アプリ・拡張機能
            • 開発ブログ
            • ヘルプ
            • お問い合わせ
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について
            • ガイドライン
            • 利用規約
            • プライバシーポリシー
            • 利用者情報の外部送信について

            公式Twitter

            • 公式アカウント
            • ホットエントリー

            はてなのサービス

            • はてなブログ
            • はてなブログPro
            • 人力検索はてな
            • はてなブログ タグ
            • はてなニュース
            • ソレドコ
            • App Storeからダウンロード
            • Google Playで手に入れよう
            Copyright © 2005-2025 Hatena. All Rights Reserved.
            設定を変更しましたx