Explore ES6, ES2016 – ES2017, ES2018
ES2016 – ES2017
Make 2 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo
codebuddies 1.1 release.
1) yarn add bootstrap bootstrap-sass node-sass sass-loader
2) Create assets/sass/main.scss
3) Add _variables.scss and import boostrap.scss
4) Set $icon-font-path to find font files
5) In main.js, require(‘./assets/sass/main.scss’);
6) yarn serve and open page in http://localhost:8080
// add any variables you want to override here
Make 5 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo
codebuddies 1.0 release.
Circles in flexbox
Reactive Forms Form Array Dynamic Fields
Angular 2 Reactive Form
REACTIVE FORMS IN ANGULAR
Reactive Form and Formarrayname
Authentication in angular with ngrx
Hidden feature in Angular Material CDK
Angular Reactive Forms
Apply Webpack bundle analyser to find bundle size in Angular App
Reading the tutorial to build a nodeJS + express GraphQL server
Currently in Chapter 3: A Simple Query
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.
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.