Angular 2 RC1, Angular CLI, and D3

a2

The latest in the Angular 2 demo series marks a significant turn in the pre-production release cycle. One of the greatest issues I’ve had with the so-called ‘modern web’ environment as a former C++/Actionscript/Flex developer is the excessive amount of tooling required to create and package an application.

Now, devs do seem to love their stacks. I remember back in 2005/2006 when the FAMES stack was all the rage in the Flash community. Of course, I don’t have any problem with gulp or SystemJS Builder, or Webpack, or any other collection of tools. I do, however, have an issue with moving from gig to gig and having to learn either a new stack or a new set of internal practices. There is a lot to be said for uniformity and best practices.

A set of best practices has been established for Angular 2 applications, but I’m just as guilty as the next person of inserting my own personal preferences into that workflow. So, I was very pleased to see the Angular CLI move into beta. Like the platform itself, the CLI team has taken the time to present a well-thought, well-executed package into beta.

So, it’s time to move away from gulp and to the Angular CLI for new developments. To ease the transition for those who regularly follow the blog, I simply repeated the previous Angular 2 BarChart demo. There is already a repository that illustrates how to build a ‘dev’ application using Angular 2 beta and a gulp workflow.  You may compare that to the new application that was scaffolded, built, and served with the CLI.

The look of the application is the same, although setup is different.  The new repository documentation contains links to the CLI and a Wiki on third-party library installs.  After reading through that information, review the CLI configuration files and typings to see how Bootstrap and D3 were added into the demo.

d3-bar

Once again, here is the repository location for the new demo.

https://github.com/theAlgorithmist/Angular2CLI-D3

I hope you find something helpful in this demo.

Comments are closed.