reactjs / reactjs/react.dev

Suggestion for Intro to React tutorial, where JSX is mentioned

オープン
#3,529 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
JavaScript
スター
11.8k
フォーク
7.9k
平均マージ
1日 11時間
マージ済み PR(30日)
11

説明

Beginner to React.js but not to front end dev... or writing support documentation.

So, while just getting started on the Intro to React tutorial, I came across this comment, under the What is React? heading:

Most React developers use a special syntax called “JSX” which makes these structures easier to write. The <div /> syntax is transformed at build time to React.createElement('div').

I think that this ^ section be improved a bit in terms of clarity, especially for beginners—I looked at it and initially thought, "That <div /> syntax isn't familiar to me and doesn't even show up in the provided example!" Here's one approach that could be more readily understandable:

Most React developers use a special syntax called "JSX" which makes these structures easier to write. JSX allows for the use of standard HTML syntax (example: <div>content</div>) which is then transformed at build time to React.createElement('div').

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

Intro to React チュートリアルの What is React? 見出しの下から始め、JSX と

の例を説明している段落を確認してください。JSX の HTML 例が初心者にも明確になるよう説明を更新し、その後、文言がチュートリアルの周囲の内容と一致していることを確認してください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react
領域
documentation
issue の種類
ドキュメント
難易度
1/5
見積もり時間
1時間未満
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。