8000 GitHub - xgqfrms-GitHub/React-Tutorials: Web development tutorials:Related Tutorials Write your own awesome web development tutorials for the libraries on CDNJS!
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Web development tutorials:Related Tutorials Write your own awesome web development tutorials for the libraries on CDNJS!

Notifications You must be signed in to change notification settings

xgqfrms-GitHub/React-Tutorials

 
 

Repository files navigation

Web development tutorials

Related Tutorials Write your own awesome web development tutorials for the libraries on CDNJS!

https://github.com/xgqfrms-GitHub/React-Tutorials

===

React CDN

(Old version && New version)

react/0.13.3: JSXTransformer.js

react/0.14.1: react-dom.js

react/15.3.2: react-dom-server.js

compared images:

![React 13.3(JSXTransformer.js).png](./images/React 13.3(JSXTransformer.js).png)

![React 14.1(react-dom.js).png](./images/React 14.1(react-dom.js).png)

![React 15.3(react-dom-server.js).png](./images/React 15.3(react-dom-server.js).png)

CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.1/react-dom.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom-server.js"></script>

SRI

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js" integrity="sha256-MkTacBvNGO5pU06MeUchxYJwIK/4JrIGyEeINOmKLkM=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.1/react-dom.js" integrity="sha256-/S+aYL20DqSEKdMsP5bLyYLOVQ8GGES9NsqtNUMOOFw=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom-server.js" integrity="sha256-SDRlxU2UvrgTfiqYOo8f8frNbE23UONjhU0Zk/vJjJc=" crossorigin="anonymous"></script>

Usage

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>no-babel</title>
</head>
<body>
    <div id="container">
        <!-- This element's contents will be replaced with your component. -->
    </div>   
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
    <script src="no-babel.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>no-babel</title>
</head>
<body>
    <div id="container">
        <!-- This element's contents will be replaced with your component. -->
    </div>   
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js" integrity="sha256-JIW8lNqN2EtqC6ggNZYnAdKMJXRQfkPMvdRt+b0/Jxc=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js" integrity="sha256-cLWs9L+cjZg8CjGHMpJqUgKKouPlmoMP/0wIdPtaPGs=" crossorigin="anonymous"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js" integrity="sha256-M5lc1yUhpXlm2VZjGk4aoFwqR9H1OJ0p5MR5xpipulk=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js" integrity="sha256-S35NJYrW34su183KBmfUDbOfAwmK0h3fFqdpdDS/8po=" crossorigin="anonymous"></script>
   
    <script src="no-babel.js"></script>
</body>
</html>

more coming soon!

About

Web development tutorials:Related Tutorials Write your own awesome web development tutorials for the libraries on CDNJS!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.4%
  • HTML 1.6%
0