D+10(React)

2385 ワード
テキストリンク

1.反応

  • Facebook上に作成されたフロントエンドJavaScriptライブラリ(使用可能なツールのセット).
  • は、アプリケーション開発者が魅力的なインタラクティブなアプリケーション*を作成できるようにするJavaScriptベースの幅広いライブラリです.
    →Web開発用JavaScriptライブラリ

    • 特長

  • 構成部品:クラス/関数
    (以前はクラスがよく使われていましたが、今は関数型しか使われていませんが、クラスも読めるはずです.)
  • 宣言(<>プログラム性):プロセス
    • ではなく結果を入力する.
  • 仮想ドーム:ライフサイクルレンダリング

    • 2.反応の特徴


    これは、
  • Reactでネイティブアプリケーション*を開発できるオープンソースフレームワークです.
  • React Nativeは、すべてのオペレーティングシステムプラットフォームアプリケーションを構築するためのインフラストラクチャに構築されています.
    *開発アプリケーションに必要なコード、アルゴリズム、データベースの連動などのスケルトンを提供します.キッチン
    →モバイルアプリケーションを作成できるJavaScript

    • 3.フレームとライブラリ


    フレームワーク:機能がそろっており、必要に応じて(より限られた)
    ライブラリ:環境のみが提供され、自由度が高い.(カスタマイズに適したライブラリ)
    🚩 そこで、環境にやさしく、自由度の高い反応ライブラリを学びます.

    4. JSX

  • でネイティブでレイアウトを行う構文言語を反映します.
  • JavaScript拡張バージョンとも呼ばれます.
    jsで作成されたhtmlコード.
  • 親ラベルが必要...!
    < View>, < Text>
    以下の導入が必要↓
    • import { Text, View } from 'react-native';

    5.Rendering


    レンダリングは、サーバからHTMLファイルを受信してブラウザに送信するプロセスです.

    6.反応に必要な知識

  • 構成部品:
    再利用可能なui単位で画面全体にボタンを指定することもできます.
  • ステータス(State,usState):
    変数に代わるデータストレージスペース(必須?)
    why?アプリケーションのように反応させるには、stateを使用してリフレッシュせずに再レンダリングできます.
    🚩干からび、常に変更される重要なデータはステータスに格納されます!
  • プロパティ(Props):
    データ転送、input、
  • usEEffect:最初に実行された関数を収集する場所
    UI = component(state):
    ユーザーインタフェースは、コンポーネントにどのデータが注入されているかによって異なります.

    • 7.非構造化配分方式


    変数としてディクシャナから直接キー値を取得し、関数ですぐに使用できる方法です.

    8.反応液の使用に必要なもの


    Node
    JavaScriptをブラウザ以外(サーバ上でも)で実行できる環境
    NPM (Node Package Manager)
    node.jsがiosならnpmはappstoreです.
    CRA
  • 反応項目を起動するために必要な初期設定環境のツール(ツールチェーン)*
  • 単一ページアプリケーションを作成するツールチェーンとして、
    • が推奨されます.

    9.ファイルの構成

  • index.html
  • htmlのエントリポイント(エントリポイント)
  • 電源ボタンの役割
  • ユーザーが初めて見たhtml
  • index.js
  • JavaScriptのエントリポイント
  • htmlとjavascriptを接続できます.中橋
  • App.js
  • 実際に表示する素子
  • マルチスクリーンコンビネーション
    • ▼ node_modules :
    npmにダウンロードされたすべてのパッケージの場所
    ▼ package.json & package-lock.json:
    プロジェクトの詳細
    ▼ .gitignore :
    ファイルまたはフォルダを入力します(git管理を使用したくないファイルやフォルダなど)
    public

 (폴더)이미지
 index.html
 
src

(폴더)컴포넌트
(폴더)페이지
  (폴더)로그인
    로그인.css
    로그인.js
  (폴더)메인
    메인.css
    메인.js
    `
    クラス、オブジェクト、インスタンス、オブジェクト向け
    PushシステムとPullシステムにおけるProducerの役割を考察する