Get started with metro CDN
MIT licensed
Metro: JS bundler for React projects, using Webpack.
Tags:- css
- less
- mobile-first
- responsive
- front-end
- framework
- web
Stable version
Copied!
How to start using metro CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with metro CDN - cdnhub.io</title>
<script src="https://cdn.cdnhub.io/metro/4.5.7/metro.min.js"></script>
</head>
<body>
<button id="button">Click me</button>
<script type="text/babel">
import React from 'react';
import ReactDOM from 'react-dom';
const App = () => {
return (
<button onClick={() => alert('Hello from Metro Bundler!')}>
Click me
</button>
);
};
ReactDOM.render(<App />, document.getElementById('root'));
document.getElementById('button').addEventListener('click', () => {
ReactDOM.render(<App />, document.getElementById('root'));
});
</script>
<script type="text/babel" src="index.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
3.0.0
3.0.0-beta.1
3.0.10
3.0.11
3.0.12
3.0.13
3.0.14
3.0.15
3.0.16
3.0.17
3.0.18
3.0.2
3.0.3
3.0.4
3.0.5
3.0.6
3.0.7
3.0.8
3.0.9
4.0.0
4.0.1
4.0.10
4.0.2
4.0.2.1
4.0.3
4.0.4
4.0.5
4.0.6
4.0.7
4.0.8
4.0.9
4.1.0
4.1.1
4.1.10
4.1.11
4.1.12
4.1.13
4.1.14
4.1.15
4.1.16
4.1.17
4.1.18
4.1.19
4.1.2
4.1.20
4.1.3
4.1.4
4.1.5
4.1.6
4.1.7
4.1.8
4.1.9
4.2.0
4.2.1
4.2.10
4.2.11
4.2.12
4.2.13
4.2.14
4.2.15
4.2.16
4.2.17
4.2.18
4.2.19
4.2.2
4.2.20
4.2.21
4.2.22
4.2.23
4.2.24
4.2.25
4.2.26
4.2.27
4.2.28
4.2.29
4.2.3
4.2.30
4.2.31
4.2.32
4.2.33
4.2.34
4.2.35
4.2.36
4.2.37
4.2.38
4.2.39
4.2.4
4.2.40
4.2.41
4.2.42
4.2.43
4.2.44
4.2.45
4.2.46
4.2.47
4.2.48
4.2.49
4.2.5
4.2.6
4.2.7
4.2.8
4.2.9
4.3.0-alpha
4.3.0-alpha2
4.3.0-alpha3
4.3.0-beta1
4.3.10
4.3.5
4.3.6
4.3.7
4.3.8
4.3.9
4.4.0
4.4.1
4.4.2
4.4.3
4.5.6
*** 4.5.7