Tag: react
ReactJS Multiple Components
/components/Header.js
import React, { Component } from 'react'; class Header extends Component { render() { return ( <div> <h1>Header</h1> </div> ); } } export default Header;
/components/Content.js
import React, { Component } from 'react'; class Content extends Component { render() { return ( <div> <p>Content</p> </div> ); } } export default Content;
App.js
import React, { Component } from 'react'; import Header from "./components/Header" import Content from "./components/Content" class App extends Component { render() { return ( <div> <Header/> <Content/> </div> ); } } export default App;
References
https://github.com/mhdr/ReactJSSamples/tree/master/002
ReactJS First Component
App.js
import React from 'react'; class App extends React.Component { render() { return ( <div> <h1>Hello World</h1> </div> ); } } export default App;
References
https://github.com/mhdr/ReactJSSamples/tree/master/001
Install ReactJS
npm install -g create-react-app create-react-app hello-world cd hello-world npm start
References
https://facebook.github.io/react/docs/installation.html