What is web3

How React's ES6 syntax is different from ES5 syntax?

1. require vs. Import
// ES5
var React = require('react');

// ES6
import React from 'react';

2. exports vs. export

// ES5
module.exports = Component;

// ES6
export default Component;




3. component and function

// ES5
var MyComponent = React.createClass({
render: function() {
return(
<h3>Hello JavaTpoint</h3>
);
}
});

// ES6
class MyComponent extends React.Component {
render() {
return(
<h3>Hello Javatpoint</h3>
);
}
}

4. props

// ES5
var App = React.createClass({
propTypes: { name: React.PropTypes.string },
render: function() {
return(
<h3>Hello, {this.props.name}!</h3>
);
}
});

// ES6
class App extends React.Component {
render() {
return(
<h3>Hello, {this.props.name}!</h3>
);
}
}

Must know things for FRONTED DEVELOPMENT 🏗️

➡️ HTML + CSS 
     
▶️ Build basic projects

➡️ Git + GitHub

➡️ Javanoscript

➡️ Javanoscript framework
      
▶️ Build Projects

🔰 Autoplay Video on Scroll using JavaScript!!

Check if the video is fully in view, and if so, play it; otherwise, pause.
The muted attribute is added to ensure autoplay on most browsers.