question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

When to start gitgraph-angular

See original GitHub issue

Hey,

Don’t know if you remember me, but I was interested in creating gitgraph-angular. I have a fair amount of Angular experience

Is there a workable gitgraph API to use at the moment, or should I wait?

Let me know

Thanks!

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
nicoespeoncommented, Sep 15, 2018

@dolanmiu yeah, basically this is just JavaScript. You can see JSX as syntactic sugar so it looks-like HTML, but it’s all JS.

Concerning the philosophy of the rendering lib, the idea is the following:

  • you provide a component (“module” if I correctly remind Angular) that instantiate the Gitgraph Core
  • the component provide the gitgraph instance
  • user of the component can use gitgraph API to do whatever he wants to
  • the component is responsible of rendering the result of gitgraph modifications

As for change detection, you can do that with what Fabien gave you: https://github.com/nicoespeon/gitgraph.js/blob/faedd32e5f309f9bfbf6ff2e39b13e9bf18119e2/packages/gitgraph-react/src/Gitgraph.tsx#L42

Basically, you can subscribe to gitgraph and you’ll be notified whenever a change happens that needs to be rendered. In React, we do update the state, which re-render our component.

2reactions
nicoespeoncommented, Sep 12, 2018

Hi @dolanmiu 👋

You can create a branch from the 2.0.0 branch. You have the gitgraph-core lib in it, along rendering packages (one POC in Node.js, the other in React). Here you can create a gitgraph-angular to implement rendering in an Angular component.

I’d say the core is not completely stable (some features are still missing + we may change the API a bit if we find opportunities to do so), but it’s complete enough to start working on it and implement a couple of scenarios already.

cc @fabien0102 what do you think?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Git Graph - Visual Studio Marketplace
View a Git Graph of your repository, and perform Git actions from the graph. Installation. Launch VS Code Quick Open ( Ctrl+P ),...
Read more >
@gitgraph/js - npm
Draw pretty git graphs in the browser. Latest version: 1.4.0, ... Start using @gitgraph/js in your project by running `npm i @gitgraph/js`.
Read more >
ngx-charts: Introduction
It is using Angular to render and animate the SVG elements with all of its binding and speed goodness, and uses d3 for...
Read more >
NGX-Graph - Introduction
ngx-graph is a graph visualization library for Angular. Quick Start. Install the package. npm install @swimlane/ngx-graph --save.
Read more >
Supercharge your Git experience in VS - Visual Studio Blog
You will see most of the value of the commit graph right after you run it for the first time. Visual Studio will...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found