Want to use it for interviews?Start 7 days Free TrialTry demo
Intervue brings you a real-time HTML/CSS/JS environment using an iFrame.
This can be used to get started with React, Angular, Vue or any other javascript library or framework that you want to use.
Javascript and CSS can be externally requested from any URL. Just include the respective Javascript files to get started .
console.log and other Javascript errors will be there in your developer console. Here is a sample code below to get started with React, Angular, or Vue.js.
React:
Angular:
Vue:
This can be used to get started with React, Angular, Vue or any other javascript library or framework that you want to use.
Javascript and CSS can be externally requested from any URL. Just include the respective Javascript files to get started .
console.log and other Javascript errors will be there in your developer console. Here is a sample code below to get started with React, Angular, or Vue.js.
React:
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/jsx">
ReactDOM.render(
<h1>Hello, React!</h1>,
document.getElementById('root')
);
</script>
</body>
</html>
Angular:
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<script>
angular.module('myApp', []).component('helloWorld', {
template: 'Hello Angular!',
})
</script>
<style>
body {
background-color: #fff;
color: #333;
}
</style>
</head>
<body>
<div ng-app="myApp"><hello-world></hello-world></div>
</body>
</html>
Vue:
<html>
<head>
<script src="https://unpkg.com/vue"></script>
<style>
body {
background-color: #fff;
color: #333;
}
</style>
</head>
<body>
<div id="app"><p>{{ message }}</p></div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
},
})
</script>
</body>
</html>