Articles I want to read

Tensorflow

https://towardsdatascience.com/how-to-build-a-gesture-controlled-web-based-game-using-tensorflow-object-detection-api-587fb7e0f907

Ngrx

https://medium.com/@bo.vandersteene/advanced-pagination-with-ngrx-store-and-angular-5-f26ca4761cef
https://medium.com/@vlado.tesanovic/handling-keyboard-shortcuts-in-angular-with-redux-ngrx-c88907f17ca8

Angular
https://blog.angularindepth.com/angular-ivy-change-detection-execution-are-you-prepared-ab68d4231f2c
https://medium.com/frontend-coach/self-or-optional-host-the-visual-guide-to-angular-di-decorators-73fbbb5c8658
https://medium.com/@davidibl/advanced-reusable-custom-angular-validator-9ca5febef583
https://malcoded.com/posts/web-assembly-angular?utm_source=mybridge&utm_medium=blog&utm_campaign=read_more

JS
https://blog.logrocket.com/using-trampolines-to-manage-large-recursive-loops-in-javascript-d8c9db095ae3

React Native
https://medium.freecodecamp.org/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8

Import bootstrap-sass in vuejs

1) yarn add bootstrap bootstrap-sass node-sass sass-loader

yarn add boostrap bootstrap-sass node-sass sass-loader

2) Set $icon-font-path to find font files and import variable.scss and _bootstrap.scss

  1. $icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
  2. @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
  3. @import "~bootstrap-sass/assets/stylesheets/_bootstrap.scss";

3) In main.js, require(‘./assets/sass/main.scss’);
4) type yarn serve to launch application in development mode. Index page should open at url http://localhost:8080.

yarn serve

https://github.com/vuejs-templates/webpack/issues/166

// add any variables you want to override here
// ———
// BOOTSTRAP
// ———
$icon-font-path: ‘~bootstrap-sass/assets/fonts/bootstrap/’;
@import ‘~bootstrap-sass/assets/stylesheets/bootstrap’;

Projects built in May, 2018

Vue

CSS Grid

Angular

codebuddies contributions (As of May 3, 2018)

Make 5 Pull Requests to https://github.com/codebuddiesdotorg/codebuddies repo

  1. Opt out of auto-tweeted learnings – You can now opt out of auto-tweeting your learnings when you share a learning
  2. Github signin link added to the home page
  3. Bug fix: owner of completed hangout can create a hangout from the same page (broken button)
  4. Bug fix: hide google calendar button in completed hangout
  5. Remove duplicated code in the Meteor.LoginWithSlack function

codebuddies 1.0 release.
https://github.com/codebuddies/codebuddies/releases/tag/1.1

Angular Reactive Form Articles

Angular Reactive Form

Reactive Forms Form Array Dynamic Fields
https://alligator.io/angular/reactive-forms-formarray-dynamic-fields/

Angular Reactive Form
https://angular.io/guide/reactive-forms
Reactive Form (Stackblitz)

Angular 2 Reactive Form
https://toddmotto.com/angular-2-forms-reactive

REACTIVE FORMS IN ANGULAR
https://blog.thoughtram.io/angular/2016/06/22/model-driven-forms-in-angular-2.html

Reactive Form and Formarrayname
https://github.com/railsstudent/dnd

Build dynamic reactive form
https://juristr.com/blog/2017/10/demystify-dynamic-angular-forms/

Ng Newsletter

Authentication in angular with ngrx
http://mherman.org/blog/2018/04/17/authentication-in-angular-with-ngrx

Hidden feature in Angular Material CDK
https://medium.com/@simonb90/hidden-features-of-angular-material-cdk-ee07066d73d1

Angular Reactive Forms
https://www.codeproject.com/Articles/1239744/Angular-Reactive-Forms-with-Dynamic-FormArray-and?utm_campaign=NG-Newsletter&utm_medium=email&utm_source=NG-Newsletter_249

Apply Webpack bundle analyser to find bundle size in Angular App
https://alligator.io/angular/bundle-size/