LogoMark.png

React.js

React.js

https://ja.reactjs.org/


React.js とは、Facebookとそのコミュニティによって開発されている、ユーザインタフェース構築のための JavaScriptフレームワーク(本家曰く、ライブラリ)です。SPA(Single-Page Application)やモバイルアプリケーションの開発におけるベースとして使用することができます。

JSXについて

React.js の 主な機能


どうやって使うの?

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.10.3/babel.min.js"></script>


フルソース

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.10.3/babel.min.js"></script>
  <title>React Test</title>
</head>
<body>
  <div id="myReactApp"></div>
  <script type="text/babel">
    ReactDOM.render(
      <h1>Hello, World!</h1>,
      document.getElementById('myReactApp')
    );
  </script>
</body>
</html>


詳細は、以下の公式サイトをご覧下さい。




参考:React Native

React Native(リアクト・ネイテイヴ)とは、Facebookが作成したオープンソースのモバイルアプリケーションフレームワークです。
開発者がネイティブプラットフォーム機能とともに React を利用できるようにすることで、Android、iOS、Web および UWPアプリケーションの開発に活用できます。



PAGES

GUIDE

TOOL

DATA

Last-modified: 2020-06-02 (火) 11:12:46