0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ReactNative 前提知識

Last updated at Posted at 2021-07-28

#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として読み込まれる
糖衣構文:プログラミング言語で読み書きしやすさのために導入する。シンプルでわかりやすいコードを書くためのもの

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?