A Bite Of React(1)
阿新 • • 發佈:2017-11-16
lec add constant ant app span javascrip imp this
react:
component and views : produce html abd add them on a page( in the dom)
<import React from ‘react‘> // core react library, know how to work with component. Create or manage a Dom <import ReactDOM from ‘react-dom‘> //render component to dom const App = function(){ return <div>HI!</div> };// this is a component class, could produce a lot of instance.
- ES6
const: ES6 syntax, declare a variable. And which means it won‘t change because it is constant
JSX:
- subset of javascript which looks like html but cannot be interpreted by browser.
- JSX could produce HTML
- JSX could be compiled into vanilla javascript( which means plain JS without any additional libraries)
ReactDOM.render(<App />, document.querySelector(‘.container‘)); //render component into dom // transpire would translate JSX into javascript
// <App />is a simple instance of component App
const App1 = () => { return <div>Hi!</div>; } // => equals to keyword:this
A Bite Of React(1)