Riyadh Al Nur riyadhalnur

#How to Construct Yourself UI in KeystoneJS

KeystoneJS provide Admin UI with one set of route controllers and view templates(list&item) for all of the models.But usually,you will need some custome views other than Admin UI to display models. Although the KeystoneJS documention don't tell us much about how to contruct custome view,we can learn this from the source code in skeleton project generated by yo keystone,or you can just check out the keystone demo project's source code.We will walk through the blog feature's implementation in this demo application to demonstrate how to construct custome UI in KeystoneJS application.

As KeystoneJS documention described in Routes & Views section,there is a routes/index.js file, where we bind application's URL patterns to the controllers that load and process data, and render the appropriate template.You can find following code in it:

app.get('/blog/:catego

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({
    bar = 'no',
    baz = 'works!'
  } = {}) {

#!/usr/bin/env bash

# Assuming OS X Yosemite 10.10.4

# Install XCode and command line tools
# See https://itunes.apple.com/us/app/xcode/id497799835?mt=12#
# See https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/xcode-select.1.html
xcode-select --install

@kangax's ES6 quiz, explained

@kangax created a new interesting quiz, this time devoted to ES6 (aka ES2015). I found this quiz very interesting and quite hard (made myself 3 mistakes on first pass).

Here we go with the explanations:

Question 1:

(function(x, f = () =&gt; x) {

GPG and git on macOS

Setup

No need for homebrew or anything like that. Works with https://www.git-tower.com and the command line.

Install https://gpgtools.org -- I'd suggest to do a customized install and deselect GPGMail.
Create or import a key -- see below for https://keybase.io
Run gpg --list-secret-keys and look for sec, use the key ID for the next step
Configure git to use GPG -- replace the key with the one from gpg --list-secret-keys

	This GIST illustrates a hack to allow for configurable backend-url and admin styles in Keystone.js

	New deps introduced:
	- node-dir
	- shelljs

	New directory structure after running "yo keystone":
	.
	\|____admin
	\| \|____assets

	<!DOCTYPE html>
	<html>
	<head>
	<title>Layouts » Hero-Thirds</title>
	<link rel="stylesheet" type="text/css" href="../../assets/lib/bootstrap/dist/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../../assets/css/keen-dashboards.css" />
	</head>
	<body class="application">

	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">

	#!/bin/bash
	#
	# steps taken verbatim from:
	# http://docs.aws.amazon.com/AmazonECS/latest/developerguide/docker-basics.html#install_docker
	#
	sudo yum update -y
	sudo yum install -y docker
	sudo service docker start
	sudo usermod -a -G docker ec2-user
	# log out and log in to pickup the added group

	language: node_js
	node_js:
	- "6"
	env:
	- CXX=g++-4.8
	addons:
	apt:
	sources:
	- ubuntu-toolchain-r-test
	packages:

	const publicPath = 'public';
	// Node os module
	// The os module provides a number of operating system-related utility methods.
	// It can be accessed using:
	const os = require('os');
	// Using a single monolithic configuration file impacts comprehension and
	// removes any potential for reusability.
	// As the needs of your project grow, you have to figure out the means to manage
	// webpack configuration more effectively.