Skip to content

Instantly share code, notes, and snippets.

@brandonsueur brandonsueur/Projects.js forked from bloodyowl/.js
Last active May 23, 2018

Embed
What would you like to do?
💼 Small code for list my projects ~ Portfolio
import React from "react";
import ReactDOM from "react-dom";
const Title = ({ children }) => <h1 className="Title">{children}</h1>
const Section = ({ title, children }) => (
<div className="Section">
<Title>{title}</Title>
{children}
</div>
);
const Tag = ({ label }) => <span className="Tag">{label}</span>
const Project = ({ project }) => (
<div className="Project">
<h2 className="Project-title">{project.title}</h2>
{project.tags.map(tag => <Tag key={tag.id} label={tag.label} />)
{project.description}
</div>
);
ReactDOM.render(
<div>
<Section title="Project">
{projects.map(project => <Project key={project.id} project={project} />)}
</Section>
</div>,
document.querySelector("#app-root")
)
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.