1.6.0 • Published 3 years ago
@gitgraph/react v1.6.0
@gitgraph/react
Draw pretty git graphs with React.
This is the React rendering library of GitGraph.js.
Get started
You need to have npm installed.
Install the package with npm: npm i --save @gitgraph/react
Now you can use the <GitGraph>
component:
const { Gitgraph } = require("@gitgraph/react");
function MyComponent() {
return (
<Gitgraph>
{(gitgraph) => {
// Simulate git commands with Gitgraph API.
const master = gitgraph.branch("master");
master.commit("Initial commit");
const develop = master.branch("develop");
develop.commit("Add TypeScript");
const aFeature = develop.branch("a-feature");
aFeature
.commit("Make it work")
.commit("Make it right")
.commit("Make it fast");
develop.merge(aFeature);
develop.commit("Prepare v1");
master.merge(develop).tag("v1.0.0");
}}
</Gitgraph>
);
}
<MyComponent>
will render the following graph:
More examples
A bunch of scenarios has been simulated in our Storybook. You can give them a look 👀
1.6.0
3 years ago
1.5.4
4 years ago
1.5.3
4 years ago
1.5.2
5 years ago
1.5.1
5 years ago
1.5.0
5 years ago
1.4.1
5 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.0
5 years ago
1.1.0-8
5 years ago
1.1.0-7
5 years ago
1.1.0-6
5 years ago
1.1.0-5
5 years ago
1.1.0-4
5 years ago
1.1.0-3
5 years ago
1.1.0-2
5 years ago
1.1.0-1
5 years ago
1.1.0-0
5 years ago
1.0.0-1
5 years ago
1.0.0-0
5 years ago