#ReactNative 前提知識と.js .ts .tsx 拡張子の違い
ReactNative
・Reactでアプリ開発できるようにしたもの
・iOS、andoroidに対応したJavaScriptエンジンを使用
→一つの成果物でどちらのアプリにも対応
従来はそれぞれ作成(iOS→Swift、Object-C/android→Kotlin、Java)
React
・Facebook社が開発したJavaScriptライブラリ
・フレームワーク、言語ではなくライブラリ
・Webサイト上のUIパーツ構築に長けている
.js
・JavaScriptが使用できる
・TypeScriptは使用できない
TypeScript→JavaScriptの拡張言語で可読性に優れる
.ts
・TypeScriptが使用できる
・マイクロソフト社が開発したJavaScriptを拡張したプログラミング言語
.tsx
・TypeScriptが使用できる
・TypeScriptの中でJSX構文を扱うことができる
JSX:JavaScriptでhtmlを書くようにDOMを記述できる
JSX
React.createElement(component,props, ... childen)の糖衣構文
コンパイル後はJavaScriptとして読み込まれる
糖衣構文:プログラミング言語で読み書きしやすさのために導入する。シンプルでわかりやすいコードを書くためのもの