:::: MENU ::::
Posts tagged with: angular

Reuse Code Between Angular and Ionic – New Pluralsight Course

I have been building software projects for almost 20 years. Initially I was writing specs for the systems to be build and then testing that “I got what I ordered”. I then moved on to building my own websites (in PHP!), before tackling very large systems both in infrastructure and servicing 1000s of requests per second. One of the main focuses in all of these projects, once you got beyond the early prototypes, were reuse. Reuse of code, reuse of modules, reuse of services.

The premise was that by reusing parts of your project in multiple places you would eliminate bugs, reduce maintenance, improve efficiency and reduce overall development time. While all this in theory is true, the real world is always a different beast. In my experience though, the requirements were often slightly different, the features needed weren’t exactly the same, the input data varied or something else just didn’t align. It was never as simple as write once, reuse to infinity. A lot of the time we either ended up with bloated modules that catered to¬†everything or we came up with a too complex architecture, only for the sake of reuse.

Reuse is still a challenge, but if you can get the right balance between common and unique code, it can really be worth it. When my good mate Duncan suggested we do a course on how to share code between Angular and Ionic, I was on board! In case you aren’t familiar with Ionic, it is a framework to create native mobile applications with JavaScript, HTML and CSS, in an architecture pattern familiar to Angular developers.

And here it finally is. We recorded the course back in August while at NDC Sydney, and it is full of great tips, architecture hints and guidance on getting your web code onto your native apps. We build a complete app both for web and mobile, and explain along the way what you should and shouldn’t share between the two platforms, how to share code using an npm package, how to deploy it and much more.

Go watch the trailer right now, and enjoy the full course at your leisure.


ngrx Handles Managed State in Angular – New Pluralsight Course

Way back in June I had the privilege of sitting down with Duncan Hunter in Oslo and talk about ngrx for Angular. At the time I had very little knowledge of the topic, but Duncan assured me it was the latest little black dress for Angular. While at NDC Oslo we recorded a Play by Play course for Pluralsight on just this topic.

In short, ngrx is state management for you Angular application, something that is very difficult to handle on the web, which is by definition stateless. However, ngrx is merely a library for Angular so you aren’t learning a whole new framework or setting up projects you aren’t familiar with. The ngrx library gives you a managed store, which is handled by using reducers and effects. The following diagram gives you an idea of the new flow you get with ngrx.

We are immensely proud of this course and in the first week it has gone to number 22 of all courses on Pluralsight in terms of viewers, so we must have done something right! If you want to learn more about ngrx, please do watch this course. It is currently the only one on the topic in the Pluralsight library.