ng-conf 2016 Summary - Day Three

Day three of ng-conf consisted of a single track of talks. The topics covered today included reactive programming, Firebase, Angular 2 form validation and animations amongst others. The question on everyones mind at the end of day three was "When will Angular 2 be released?" and we still don't have a definite date. One thing we do know for sure is that the Angular 2 offline compiler is one of the key missing pieces, so as soon as it lands, we'll know the release is imminent.

“One of the key missing pieces to the final release of Angular 2.0 is the offline compiler.”

Tweet This

If you missed our previous recaps of ng-conf, you can check out the big announcements from day one and day two.

Reactive Programming

Angular 2 has fully embraced reactive programming patterns. The ngrx GitHub group has already released a number of libraries that enable Angular 2 components to implement reactive functionality. These include the ngrx/store, ngrx/router, ngrx/db and ngrx/devtools, with more libraries to come.

AngularFire 2 Enters Beta

If you've worked with Angular and Firebase, there's a good probability you've interfaced with the AngularFire library. AngularFire 2 provides an easy to use API for interfacing with Firebase with your Angular 2 applications. Firebase is a real-time database that allows automatic syncing across all connected devices. It was announced that as of today, AngularFire 2 is available to download and use in a public beta state.

Angular 2 Form Validation

We took a deep-dive into the different ways to create and validate forms and user input with Angular 2. Developers can choose to implement forms via a template driven or model driven architecture. Template driven allows the developer to define the form in the actual view layer, while model driven forms are defined programmatically and generated by Angular 2 itself.

Codelyzer

Codelyzer will save Angular 2 developers a ton of time when building applications. Codelyzer examines the developer defined rules and requirements that are set up via JS or TS lint files as well as the Angular 2 style guide, and when the standards are not adhered to, Codelyzer will complain and let the developer know of the rules they are violating. Codelyzer is also built into the Angular CLI and can be used starting today.

Animations

There are many ways to handle animations on the web. You can do pure CSS animations, JavaScript animations or a mix of the two. The Angular team is aiming at making animations simpler but more powerful with Angular 2. Within Angular 2 components, developers will be able to define and implement different types of animations. This abstraction will allow for a greater increase over control as well as performance, which will be a great benefit, as traditionally animations on the web have been difficult to implement properly.

Angular CLI

Angular CLI solves the problem of diving into Angular 2 app development. Where in the past, you would have a lot of manual configuration and setup, with the CLI, scaffolding and starting an application can be done in as little as three terminal commands:

ng new PROJECT_NAME
cd PROJECT_NAME
ng serve

The Angular CLI will simplify many tasks including: project scaffolding, creating of new services and components, running linting and other tasks as well as handling build and deploy of Angular 2 applications. You can get started with the Angular CLI by running the

npm install -g angular-cli

command from a terminal window. NodeJS and npm are required.

Conclusion

The conference may have ended but the Angular 2 journey has just begun. With the release candidate out in the wild, developers can finally start developing Angular 2 applications with a certain level of confidence that the API will not change drastically before the final 2.0 release. Brad Green, the managing director of the Angular project, has stated in the Q&A panel that he believes that Angular 2 is production ready and references several use cases where Angular 2 is already used in production including Google AdWords, Capital One and the Weather Channel.

Now is the right time to jump into Angular 2 development. If you are already developing an Angular 2 app or are just getting started, chances are you will need an authentication system and Auth0 has you covered. Check out our Angular 2 JWT helper library that works with both Auth0 and any other implementation of JSON Web Token (JWT) authentication. To quickly get started, sign up for a free Auth0 account and get user authentication setup with your Angular 2 app in minutes.