So you are starting to flex your new Angular 2 muscles and have built the mother of all custom form controls. I mean that thing can do everything except make coffee… And then the moment comes to extract and use it as a separate component in your application.
You plug it into your HTML form with ngControl, thinking your work is done and as your browser refreshes you start seeing all sorts of errors appearing on the console. Attaching it to ngModel produces similar errors.
As it turns out, your journey is far from over and today we will take a look at whatAngular2 expects from you if you want to build components that can talk to directives like ngControl and ngModel.
Source: Angular 2: Connect your custom control to ngModel and ngControl with Control Value Accessor.
In this Angular 2 tutorial, Todd Motto and Jurgen Van de Moere build a todo list CRUD app, using Angular CLI to generate components, services, and tests.
Source: Angular 2 Tutorial: Create a CRUD App with Angular CLI
Progressive Web Applications help us build native-like web apps, thanks to amazing tools such as Service Workers, IndexDB, App Shell etc. Once the browser downloads all the static assets required by our app, the active Service Worker can cache all of them locally.
Source: Building an Angular 2 Application for Production – Minko Gechev’s blog
In this article I will show how to use the offline compiler in Angular 2 to improve performance.
Source: Offline Compilation in Angular 2.0
We all build user interfaces using some form of reactive programming. A new todo was added? We need to render it on the screen. Someone changed the todo’s title? We need to update the text element in the DOM. And there are dozens of libraries out there that help us do that. They are similar in some ways and different in others.
In this article I will introduce four independent dimensions of reactive programming: events and state, deriving and executing, reified and transparent, self observation and external observation. And I will explain how using these dimensions, as well as the vocabulary that comes with them, we can make our discussions about different libraries and approaches more objective and concise.
Source: The Taxonomy of Reactive Programming | Victor Savkin
Angular is a development platform for building mobile and desktop web applications
Source: Routing & Navigation – ts
Angular 1.x styleguide (ES2015)
Architecture, file structure, components, one-way dataflow and best practices
A sensible styleguide for teams by @toddmotto
This architecture and styleguide has been rewritten from the ground up for ES2015, the changes in Angular 1.5+ for future-upgrading your application to Angular 2. This guide includes new best practices for one-way dataflow, event delegation, component architecture and component routing.
You can find the old styleguide here, and the reasoning behind the new one here.
angular-styleguide – Angular styleguide for teams
Source: GitHub – toddmotto/angular-styleguide: Angular styleguide for teams