Why use .jsx

近況

2021年まで5月に連続入社した会社でバタバタしていて、ブログ管理がおろそかになっていたことを改めて実感しました.内部日程、状況に多くのことを感じ、開発の過程で伝統を揺るがさないようにコードの根拠を探し、基本概念を忘れずに時間を割いて整理し直し、前進し続けることにし、久しぶりに文章を書くことにしました.
△久しぶりだったので、意識の流れに沿って書くことにしました.

なぜこのようなテーマに触れたのでしょうか。

実際、これは最初の接触反応から知るべきではないかと思いますが、通常、Toyプロジェクトの基本フレームワークを特定する際に、基本開発テンプレートcreate-act-appを使用したり、グーグルで接触したコードにjsを使用したりしています.jsxという2つの拡張が共存する場合,どの拡張を用いてもコードが正常に動作しない過程で,旧式ではjsとjsxが共存する現象を見て,この2つの違いを明確に認識していないことを反省し,再検討を決定した.

では、二人の違いは?

この部分も同様にREACT公式文書で見つけることができ、結論からJSXがREACT Projectで使用する理由はREACTである.これは、戻り部分にHTMLタグのみが入力されていても、createElement関数が自動的に適用されるフォーマットであるためです.

じゃ、どうして使わなくても大丈夫ですか。

もちろん、create-react-appを使ったので、この質問に答えます.
詳細にはcreate-act-appのインストール時に一緒にインストールされたbabelpluginが含まれます

// babel plugin

plugin-transform-react-jsx

このpluginがあれば、このpluginがjsファイルにしても、jsxのように簡単にreturn部分にhtmlタグを記述すると、自動的に変換されて実行されます.

終了時..。

ある意味、非常に簡単な内容ですが、実際に仕事をしているうちに、途中で見逃してしまった基本的な概念を再考し続けるべきだということをふと感じ、その結果の1つとしてこのような簡単な概念も振り返ってみました.
与えられた環境の中で改善の方向を探して、最近注目している部分はインバータ、反応-テスト-ライブラリ、物語の本、docker、原子-設計などのテーマがあります.
私はずっとこれらのテーマを勉強していて、個人的にも熟知したいという考えがあるので、ブログの文章はこれからもよく現れることを保証することはできませんが、私は引き続きアップロードして、これらのテーマに対して簡単なtodoをします.