Kcin1993

Install python2

$ ls -al /usr/local/bin/python*
$ brew tap-new kcin/homebrew-python2
$ brew extract python@2 kcin/homebrew-python2
$ brew install /usr/local/Homebrew/Library/Taps/kcin/homebrew-python2/Formula/python@2.7.17.rb

EB install hint when success

Kcin1993

http://www.tweaked.io/benchmarking/

可能預先安裝 ab 了。用 ab --help 檢查

官方網站

總共發出 20 個 request，同一時間點同時送出 4 個 request

Kcin1993

官方教程摘要

Handling Errors

By default, Next.js will track errors like these and show it in the browser. This helps you identify errors and fix them quickly.

Once you fix the issue, the page will appear instantly without a full page reload. We do this with the help of Webpack's hot module replacement facility, which is supported in Next.js by default.

Link is Just a Higher Order Component (HOC)

Actually, the title prop on next/link component has no effect. That's because next/link is just a higher order component which only accepts the "href" and some similar props. If you need to add props to it, you need to do it to the underlying component. Do not expect the next/link component to pass those props to it's children.

Kcin1993

GraphQL

• Interface & union 的實作
• Enum type 的實作
• GraphQL 在 typescript 中發生的編譯錯誤 Cannot find name AsyncIterator Also ref ES5,ES6,ES7...
• Apollo server Enabling GraphQL Playground in production
• Using graphQL in client might have this stack: react-apollo, apollo-boost, graphql, graphql-tag
• Client - 5 things they don’t want you to know about React-Apollo
• [Client - skip and onCompleted to set state on time](https://stackoverflow.com/questions/50437054/setting-state-in-the-

Kcin1993

/**
 * 團體方案 建立揪團
 * note of creating GROUP
 * Create group時可將額外描述的欄位，參考下方格式存入note中
 */

{
  "teamName": "",
  "leader": "",
  "leaderPhone": "",

Kcin1993

/**
 * Pure Text
 */ 
const TextSmall = styled.p`
  font-size: 12.3px;
  margin: 0;
`
const TextBase = styled.p`
  font-size: 15.2px;
  margin: 0;

Kcin1993

import React from 'react';
import './index.css';

const Component = () => (
  <div>A simple component</div>
);

export default Component;

Kcin1993

//--Color--
$lightGrayBg: #f9fafc;
$gray: #9b9b9b;
$green: #07C9C6;
$red: #f05945;
$lightGrayFieldBorder: #e3e6ee;
$lightGrayLine: #e3e6ee;
$grayWord: #9b9b9b;

//--FontSize--

Kcin1993

Brief

This note is about yosgo dashboard project install and use airbnb eslint. Also known as TSlint

---

Resources

• tslint official site
• tslint npm

Kcin1993

Brief

Deploy YOSGO Dashboard on heroku. Skip to the bottom Our solution

Some resource

• Heroku chinese note
• Same issue
• Procfile