Skip to content

Instantly share code, notes, and snippets.

@theodesp theodesp/home.js
Created Nov 14, 2019

Embed
What would you like to do?
import React, {Component} from 'react';
import {FormattedMessage} from 'react-intl';
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><FormattedMessage id="home.welcome" values={{name: 'React.js'}}/></h2>
</div>
<div className="Home-container">
<div className="Home-items">
<div className="Home-item">
<h3 className="focus">
<FormattedMessage id="home.declarative"/></h3>
<div><p><FormattedMessage id="home.declarative.p1" values={{name: <i>React</i>}}/></p>
<p><FormattedMessage id="home.declarative.p2"/></p>
</div>
</div>
<div className="Home-item">
<h3 className="focus"><FormattedMessage id="home.component-based"/></h3>
<div>
<p><FormattedMessage id="home.component-based.p1"/></p>
<p><FormattedMessage id="home.component-based.p2"/></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.