Skip to content

Instantly share code, notes, and snippets.

@theodesp theodesp/Home.js
Last active Nov 14, 2019

Embed
What would you like to do?
import React, {Component} from 'react';
import logo from './logo.svg'
import './Home.css';
class Home extends Component {
render() {
return (
<div className="Home">
<div className="Home-header">
<img src={logo} className="Home-logo" alt="logo"/>
<h2>Welcome to React.js</h2>
</div>
<div className="Home-container">
<div className="Home-items">
<div className="Home-item">
<h3 className="focus">Declarative</h3>
<div><p>React makes it painless to create interactive UIs. Design simple views for each state in your
application, and React will efficiently update and render just the right components when your data
changes.</p>
<p>Declarative views make your code more predictable and easier to debug.</p>
</div>
</div>
<div className="Home-item">
<h3 className="focus">Component-Based</h3>
<div>
<p>Build encapsulated components that manage their own state, then compose them to make complex UIs.</p>
<p>Since component logic is written in JavaScript instead of templates, you can easily pass rich data
through your app and keep state out of the&nbsp;DOM.</p>
</div>
</div>
</div>
</div>
</div>
);
}
}
export default Home;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.