回答編集履歴

3

追伸のヘッダ表現修正

2024/10/23 07:55

投稿

juner
juner

スコア483

test CHANGED
@@ -70,10 +70,11 @@
70
70
  New JSX Transform Playground
71
71
  https://new-jsx-transform.netlify.app/
72
72
 
73
- 追伸1:
73
+ # 追伸1
74
+
74
75
  jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)
75
76
 
76
- 追伸2:
77
+ # 追伸2
77
78
 
78
79
  > https://ja.react.dev/reference/react-dom/server/renderToReadableStream#rendering-a-react-tree-as-html-to-a-readable-web-stream
79
80
  > reactの仕様書に<!DOCTYPE html>を見つけたので、doctypeはこれで合ってる...?JSXとマークアップルールについては見つけられませんでした。

2

追伸2を追記

2024/10/23 07:54

投稿

juner
juner

スコア483

test CHANGED
@@ -70,5 +70,23 @@
70
70
  New JSX Transform Playground
71
71
  https://new-jsx-transform.netlify.app/
72
72
 
73
- 追伸:
73
+ 追伸1:
74
74
  jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)
75
+
76
+ 追伸2:
77
+
78
+ > https://ja.react.dev/reference/react-dom/server/renderToReadableStream#rendering-a-react-tree-as-html-to-a-readable-web-stream
79
+ > reactの仕様書に<!DOCTYPE html>を見つけたので、doctypeはこれで合ってる...?JSXとマークアップルールについては見つけられませんでした。
80
+
81
+ とありますが、その参照しているのは
82
+
83
+ > React は doctype とあなたが指定した `ブートストラップ <script> タグ` を結果の HTML ストリームに注入します。
84
+ > ```html
85
+ > <!DOCTYPE html>
86
+ > <html>
87
+ > <!-- ... HTML from your components ... -->
88
+ > </html>
89
+ > <script src="/main.js" async=""></script>
90
+ > ```
91
+
92
+ と jsx ではなく html です。それはマウント先の html の話です。

1

追伸に document の話を少々追加

2024/10/23 04:11

投稿

juner
juner

スコア483

test CHANGED
@@ -69,3 +69,6 @@
69
69
  参考:
70
70
  New JSX Transform Playground
71
71
  https://new-jsx-transform.netlify.app/
72
+
73
+ 追伸:
74
+ jsx は XML like な記法 なので 最終結果としては DOMを生成して 既にある document にマウントするものでしかないので 挿入先の document が SGML ベースとか XML ベースとかは DOMが使えるか使えないかでしかないので関係無いと思われます。( html でも xhtml でも DOM は使える為)