Ng Newsletter

Authentication in angular with ngrx

Hidden feature in Angular Material CDK

Angular Reactive Forms

Projects built in April, 2018

Angular 5

Build a Todo App with Angular 5 and Ngrx 5. Ngrx 5 is an open source state management library powered by RxJS.
So far, I used ngrx/store to define a store that stores todo, course and instructor entities. Ngrx entity generates entity state that is an object with mandatory ids and entities properties. As their names implied, ids hold an array of object ids and entities is a mapping of id to object. If you want the entity state to have custom attributes, they are initialized in getInitialState function of Adapter class.

loading: false

Ngrx effect, on the other hand, observes some actions, causes side effects and returns the result actions to reducer function. Reducer function accepts the result action, processes the payload and updates the store with new state. Ngrx effect class is a good candidate to make HTTP requests to backend, extract response data, construct payload and provide resultant action.

Furthermore, todo and learnings are designed as lazy loaded modules to reduce initial load time and they only get loaded when navigating to route of the module.

codebuddies contributions (As of April 15, 2018)

Make 4 Pull Requests to repo

  1. initial setup for sign in with github
  2. Bug fix: no announcement notification for hangouts scheduled under the CB default group
  3. Bug fix: long URLs in hangout descriptions would break popup container
  4. Bug fix: If hangout topic/description contained the ampersand character (&), the text was truncated before the first occurrence of &.

codebuddies 1.0 release.

Reading this week – April 2, 2018

1) Change detection explained

2) Getting started at Angular Universal

3) Architecture in Angular Project

4) Everything you need to know about the `ExpressionChangedAfterItHasBeenCheckedError` error