Angular 4 Released

Rick HerrmannLast week, Google released the newest version of their Angular framework, Angular 4.0. The biggest changes seem to be around creating smaller builds and faster code. Our Solutions Group has several Angular 2 applications in production that we have already upgraded to Angular 4, and I am happy to report that the upgrade was smooth in each case.

If you are wondering if upgrading to Angular 4 is a good idea, I have put together a list of potential questions to help you decide.

Continue reading “Angular 4 Released”

Angular CLI Hits 1.0

Rick HerrmannLast Friday (3/24) the Angular CLI was released as version 1.0. Our team has been using the CLI for production Angular applications since last August. As the numerous beta and RC versions were released we would update our applications accordingly. There were a few bumps along the way when a new release introduced a breaking change, but for the most part the upgrade path was pretty smooth.

I actually wrote about the Angular CLI a few months ago when it was still in beta.  Now that the CLI has reached 1.0 status, I thought it would be a good time to review how we are using the CLI, and what we see as the main benefits.

Continue reading “Angular CLI Hits 1.0”

Angular 2 – Detecting Route Changes

Rick HerrmannI ran into a scenario the other day in an Angular 2 app I am working on where I needed to show the same page/route, but with different data and parameters. Without getting into the specifics of my app, the scenario was analogous to this:

I am viewing a page that shows customer contact details. The route pattern could be something like “/customers/:customerId/contact/:contactId”. On the customer contact detail page, we also show a list of links for other contacts with the same customer.

Continue reading “Angular 2 – Detecting Route Changes”

Angular 2 Lunch and Learn Recap

Rick HerrmannLast week, I mentioned I would be leading a Lunch and Learn for our colleagues at Total Quality Logistics (TQL). We’ve been working with Angular 2 since August 2016, so we have a fair amount of experience with it and want to share our knowledge with other members of the tech community.

The presentation went great—we had well over 50 people in attendance! As attendees munched on IBS-provided sub sandwiches, I spoke about what’s new with Angular 2.

Continue reading “Angular 2 Lunch and Learn Recap”

Codemash 2017 – Session Review 1

Rick HerrmannI had the privilege of attending Codemash 2017 again this year. Over the next few weeks I will be writing about the various sessions I attended.

The first is a session entitled ES6 Patterns in the Wild by Joe Morgan (@joesmorgan). The premise was that as developers we can learn a lot from reading other developers’ code, but the talk was specifically about what he has learned about ES6 by doing this.

Continue reading “Codemash 2017 – Session Review 1”

Angular 2 Lunch & Learn

Rick HerrmannThis afternoon I’m leading a Lunch & Learn at IBS friend and client Total Quality Logistics. I’ll be teaching them everything I know about Angular 2 and how we’ve utilized it in projects over the past few months. Should be a lot of fun! I’ll follow up later today with more details on how the event went.

If YOU are interested in having me or someone else from Nerdia (aka the IBS Mobile & Web Solutions Group) come for lunch to teach your team about Angular 2, Git, SharePoint and more, fill out the form here.

Angular 2 – Testing

Rick HerrmannWriting tests has been something I’ve been a proponent of for many years.  My testing experience started with C# and then continued on the front end with javascript and Angular 1.  So when I started learning Angular 2, I naturally wanted to see what the testing story was.

The front-end testing I’ve done in the past has always had some friction with respect to getting the tools setup properly.  Mostly I have used Jasmine as the testing framework, which is pretty self contained – but to get a node test server setup properly there are a variety of other npm modules and karma configuration settings to deal with.  I previously wrote about how the angular-cli makes it easy to get an Angular 2 project setup, and this includes getting the test tools setup as well.  So instead of dealing with configuration settings, you can quickly get to just writing tests.

Continue reading “Angular 2 – Testing”