ReactJSとは何ですか?

ReactJSとは何ですか?

ねえ、私の名前はRajdeepSinghです。現在、私はインドのフロント開発者です。

シリーズの投稿では、react.jsについてお話します

議題

  1. ReactJSとは何ですか?
  2. 生まれ
  3. なぜreactjsを使用するのか
  4. React.jsの未来は?
  5. react.jsをインストールする方法
  6. 学ぶ方法
  7. デモ
  8. よくある質問

Javascript ES6ECMAScript2015を学ぶここをクリック

React.jsとは何ですか?

Simple React.jsは、シングルページアプリケーション専用のユーザーインターフェイスを構築するために使用されるオープンソースのJavaScriptライブラリです。

これは、Webおよびモバイルアプリのビューレイヤーを処理するために使用されます。Reactを使用すると、再利用可能なUIコンポーネントを作成することもできます。

生まれ:

Reactは、FacebookのソフトウェアエンジニアであるJordan Walkeによって作成されました。彼は、「FaxJS」と呼ばれるReactの初期のプロトタイプをリリースしました。

2011年にFacebookのニュースフィードで最初に使用され、2012年にInstagramで使用されました。2013年5月にJSConfUSでオープンソースになりました。

versionReleaseDateChanges0.3.0292013年5月初期公開リリース16.12.02019年11月14日遅延読み込みとuseEffectを修正

なぜreactjsを使用するのですか?

いくつかの点に基づいて説明します。

  1. オープンソースのJavaScriptライブラリ
  2. UIコンポーネントを再利用します。
  3. シングルページアプリケーション
  4. Webページをリロードせずにデータをロードする
  5. 大きな開発者コミュニティ

続きを読む:ReactJSの使用

React.jsの未来は?

私はreact.jsの問題解決製品で、react.jsの未来が明るいと思います。

実験モードでのReact.js5の機能:

  1. 並行モードの紹介
  2. データフェッチのためのサスペンス
  3. 同時UIパターン
  4. 並行モードの採用
  5. 並行モードAPIリファレンス

react.jsをインストールする方法

プロジェクトにreact.jsをインストールする場合。react.jsがraect.jsを使用する2つの方法を開発者に提供する場合

  1. CDNリンク
  2. NPM

CDNは、コンテンツ配信ネットワークを意味します。NPMcommendを使用せずにCDNビルドWebサイトを使用します。

2つのタイプ:

1.開発CDN:

開発CDNは、開発フェーズでのみ使用します。

アプリのコーディングフェーズの平均

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

プロダクションCDN縮小および最適化されたReactのプロダクションバージョンが利用可能です。

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

02. NPM:

NPMはノードパッケージマネージャーを意味します。

machine.node.jsにnode.jsをインストールすると、NPMが提供されます

NPMコマンドビルド反応プロジェクトを使用する非常にシンプルで簡単

注:ラップトップにはNPMが必要です。

npx create-react-app my-app

学ぶ方法は?

react.jsはjavascriptで書き込むため、React.jsは非常に簡単に習得できます。

多くのプラットフォームは無料の学習を提供します

  1. Webサイト
  2. Youtube
  3. 記事
  4. ヘルプ
  • React/Reduxリンク
  • W3schools
  • Geeksforgeeks
  • スクリムバ
  • Javatpoint
  • プレイリスト
  • 中くらい
  • スタックオーバーフロー
  • Quora

01.CDNデモ

02. NPMデモ:

NPMコマンドを使用する場合のフォルダーstr

NPMフォルダーStr

Codesandbox.ioのデモ

よくある質問

ReactおよびReact-Nativeコードを書くのに最適なエディターは何ですか?

vscode、Atom、Sublime Text、Nuclideなどのエディターを使用します。

AngularJS、React JS、Vue.jsのどれが簡単に習得できますか?

個人的には、私の意見では、react.jsはAngularJsとVue.jsの比較として非常に簡単です。

angleとreact.jsの違い

React.jsは本のライブラリのようなコードのライブラリですが、Angularjsはフレームワークです。

react.jsに最適なオンラインコードエディタ?

私が好む唯一のオープンコードエディタはCodesandboxです

結論

私のreact.jsに関する結論は、わかりやすく、習得しやすく、使いやすいコンポーネントライブラリ、1ページのアプリケーション、およびオープンソースです。

常に公式ドキュメントを読むreactjs.org

提案

提案や質問がある場合は、コメントセクションで教えてください。何が悪いの

続きを読む

react jsでローカルJSONファイルを読み取る方法は?

私に連絡して:

  • https://www.facebook.com/officialrajdeepsingh/
  • https://www.officialrajdeepsingh.dev/
  • [email protected]

提案された投稿

脳卒中の壊滅的な結果を避ける: 家族の旅から学ぶ 。

脳卒中の壊滅的な結果を避ける: 家族の旅から学ぶ 。

はじめに 脳卒中は、いつでも誰でも起こり得る医療上の緊急事態です。これは、脳の一部への血流が中断され、脳機能が突然失われることで発生します。

私が最もよく使用するコーディング リソース

私が最もよく使用するコーディング リソース

今週、毎日のメールリストのメンバーからメールを受け取りました。彼らは次のことを知りたかったのです。毎日、毎週、毎月どのリソースにアクセスしていますか? 素晴らしい質問です!私のワークフローと使用している主なリソースについての洞察を共有したいと思います。

関連記事

地球を救ってお金を稼ぐ方法

地球を救ってお金を稼ぐ方法

ペットボトル、ガラス瓶、アルミ缶、グリーンエネルギーパッケージなどを、何回考えずに捨てたことがあるでしょうか? リサイクルする代わりに何かが得られたらいいのにと何度思ったことか。あなたがほとんどの人と同じなら、おそらく答えは何度もあるはずです。リサイクルは、多くの場合、即時的または具体的な利益をもたらさない面倒な作業、面倒な作業、または義務であると考えられています。

赤髪の少女単独公演

ヘイデンからの依頼で、ケイティは自分のオナニーを撮影する。

赤髪の少女単独公演

一緒に過ごした夜を終え、ヘイデンがケイティを大学の寮に車で送ったのは真夜中過ぎだった。彼女は朝早くから授業があり、前夜彼と一緒にいた後、着替えを持っていませんでした。

アートは政治的ではないのでしょうか?

アートは政治的ではないのでしょうか?

昨日、私たちは今年のユーロビジョン・ソング・コンテストの幕を閉じました。きらびやかでカオスなグランドフィナーレでスウェーデンの歌手ローリーンがトロフィーを持ち帰り、女性として初めて2回優勝し、ABBAがコンテストで優勝してから50年目にその栄冠をスウェーデンに持ち帰りました。 「ワーテルロー」で。彼らはポップ ミュージックの規範において最大のアーティストの 1 つになりました。

お子様向けの初めてのハイになる本

お子様向けの初めてのハイになる本

(警告 - これは風刺であり、大喜びで破壊的な意図があります - 絶対に子供向けではありません) あなたは、お母さんとお父さんがキッチンに隠れて臭いタバコを吸っているのを見たことがあるでしょう。彼らはあなたに言います。