Articles I want to read





React Native

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

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

Projects built in May, 2018


CSS Grid


codebuddies contributions (As of May 3, 2018)

Make 5 Pull Requests to 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.

Angular Reactive Form Articles

Angular Reactive Form

Reactive Forms Form Array Dynamic Fields

Angular Reactive Form
Reactive Form (Stackblitz)

Angular 2 Reactive Form


Reactive Form and Formarrayname

Build dynamic reactive form

Ng Newsletter

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