whalephant
Version:
Slush for scaffolding, Jspm for packaging, React for templating framework
58 lines (52 loc) • 2.2 kB
JavaScript
// eslint-disable-next-line
import React, {Component} from "react";
// eslint-disable-next-line
import {render} from "react-dom";
// eslint-disable-next-line
import {Link, IndexLink} from "react-router";
// eslint-disable-next-line
import {ListGroup, ListGroupItem} from "react-bootstrap";
// eslint-disable-next-line
import {ListGroupItemLink, LinkContainer} from "react-router-bootstrap";
export default
class AcmeListGroup extends Component {
render () {
return (
<div>
<ListGroup>
<LinkContainer to="/docker">
<ListGroupItem header="Docker" href="#">Trendiest
virtualization software since 2015</ListGroupItem>
</LinkContainer>
<LinkContainer to="/nodejs">
<ListGroupItem header="NodeJS" href="#">Event-driven
I/O server-side JavaScript environment
based on
V8</ListGroupItem>
</LinkContainer>
<LinkContainer to="/jspm">
<ListGroupItem header="Jspm" href="#">Frictionless
browser package management</ListGroupItem>
</LinkContainer>
</ListGroup>
<ListGroup>
<LinkContainer to="/react">
<ListGroupItem header="React" href="#">A
Javascript Library for building
user
interfaces</ListGroupItem>
</LinkContainer>
<LinkContainer to="/babel">
<ListGroupItem header="Babel" href="#">The compiler
for writing next generation
JavaScript</ListGroupItem>
</LinkContainer>
<LinkContainer to="/eslint">
<ListGroupItem header="ESlint" href="#">Widely used
linting library for keeping the code neat</ListGroupItem>
</LinkContainer>
</ListGroup>
</div>
);
}
}