guyjin

Use npm scripts as your build tool

Basic dev task composition

// Dev tasks
{
  "scripts": {
    "eslint": "eslint --cache --fix ./",
    "stylelint": "stylelint '**/*.scss' --syntax scss",

guyjin

node: Platform built on V8 to build network applications
git: Distributed revision control system
wget: Internet file retriever
yarn: JavaScript package manager
python3: Interpreted, interactive, object-oriented programming language
coreutils: GNU File, Shell, and Text utilities
pkg-config: Manage compile and link flags for libraries
chromedriver: Tool for automated testing of webapps across many browsers
awscli: Official Amazon AWS command-line interface
automake: Tool for generating GNU Standards-compliant Makefiles

guyjin

just a collection of js one-liners from around the web.

guyjin

const jobsMachineConfig = Machine({
  id: "jobsAdmin",
  initial: "loading",
  context: {
    jobs: [],
    jobCategory: "All",
    jobPolling: true,
    selectedJob: undefined,
    error: undefined,
  },

guyjin

const jobsMachineConfig = Machine({
  id: "jobsAdmin",
  initial: "loading",
  context: {
    jobs: undefined,
    selectedJob: undefined,
    error: undefined,
  },
  states: {
    loading: {

guyjin

XState + AWS Amplify example

A breakdown of a project that uses XState to manage state for authenticating a user with Cognito, and then finding the authorized application user with an invoked machine.

1. create auth machine
2. create auth context
3. handle AWS authentication
4. once user authenticates with Cognito, redirect to user route to get user from db
5. at user route use userMachine service from authMachine to get application user
6. once associated application user is found, send user to organization route to allow user to associate session with specific organization

guyjin

MacOS X + oh my zsh + powerline fonts + visual studio code (vscode) terminal settings

Thank you everybody, Your comments makes it better

Install oh my zsh

http://ohmyz.sh/

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

guyjin

sudo defaults write /Library/Preferences/com.apple.windowserver DisplayResolutionEnabled -bool YES;
sudo defaults delete /Library/Preferences/com.apple.windowserver DisplayResolutionDisabled;

// by the way, you need to logout and log back in for this to take effect.  Or at least that's what
// Quartz Debug says.  Who knows, maybe it's lying?

// P.S. Go to [Apple menu --> System Preferences --> Displays --> Display --> Scaled] after logging
// back in, and you'll see a bunch of "HiDPI" resolutions in the list to choose from.

guyjin

angular.module('fpfs')
    .controller('speciesMeasuredPUCtrl', function (pu, $rootScope, contractAbstract, subView,
                                                 paymentUnits, contractSpecies, regionalSpecies, growl, Api,
                                                 fpfsSession, productsList, unitOfMeasure) {
                                                    
        var pu = this;
        pu.regionalSpecies = regionalSpecies;
        pu.contractRecord = contractAbstract;
        pu.contractAbstract = contractAbstract;
        pu.contractSpecies = contractSpecies;

guyjin

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var cssimport = require("gulp-cssimport");
var url = require("url");
var sass = require('gulp-sass');
var gutil = require('gulp-util');
var wait = require('gulp-wait');

// Static Server + watching scss/html files
gulp.task('serve', function() {