tpai / spyon.class.properties.md

Last active June 24, 2016 04:10

Recently, I'm writing React.js unit test, it confused me for a while when need to stub React component method with expect spy.

Without Class Properties

export default class Sample extends React.Component {
    sampleMethod() {
        console.log("SAMPLE");
    }
 render() {

tpai / note.md

Created May 18, 2016 07:54

general frontend attack

前端常見的網站攻擊

ClickJacking: 利用視覺誤判誘導使用者點擊按鈕或連結引導至其它頁面。
XSS: 將語法注入網站(儲存型)，或透過網站發出（反射型），在使用者不自覺的情況下致使瀏覽器執行該語法。
CSRF: 利用受信任的使用者在夾帶驗證資訊的情況下發出非法請求。

Ref:

Clickjacking漏洞的原理

CSRF漏洞的原理

tpai / SSR_CSR.md

Last active March 15, 2019 07:45

Interview questions

https://developers.google.com/web/updates/2019/02/rendering-on-the-web#wrapup

tpai / requirements.md

Last active October 13, 2016 06:29

My work requirements

開發相關

專案

devops
Scrum: Jira
Kanban: Trello

溝通

tpai / config.md

Last active June 24, 2016 04:04

the webpack settings you should know when developing isomorphic app

Isomorphic App 開發要注意的 Webpack 設定

前情提要

鍵盤發電機是當初與 @steveice 和 @vansteki 參加百度黑客松 2013 時的作品，後端技術有 Node.js & Express & Socket.io，前端技術則是 jQuery，現在要對這個專案進行重構。

前端後端設定大不同

tpai / redux-saga.md

Last active July 21, 2016 15:26

Saga 的概念有點像 Event Loop，使用 take helpers 觀測 Trigger Action(load) 是否被 Dispatch，進而透過 Generator Function 使用 Call Effect 執行 Async Requests，再用 Put Effect 去 Dispatch 不同階段的 Action(loading, loaded, failed...) 以讓 UI 物件呈現出不同變化。

Learning Redux Saga With Simple Example

The concept of saga is like event loop, take effect/helpers for watching action, call effect for handling async request and put effect for dispatching different stage of actions(loading, loaded, failed...). Unlike thunk get invoked on every actions, saga only run once at the start and process watching in the background. About saga and thunk, two of the most common differences are async task could be cancelled at any moment, and the structure of saga is easy for developer to test different stage of actions.

###Flow

Update specific article title of list:

Keep watching
Component dispatch UPDATE_TITLE action

tpai / eslint.md

Last active December 19, 2024 12:27

ESLint Cheatsheet

Install Dependencies

yarn add babel-eslint \
eslint \
eslint-config-airbnb \
eslint-loader \
eslint-plugin-import \
eslint-plugin-jsx-a11y \
eslint-plugin-react

tpai / gcommit.md

Last active August 16, 2017 02:33

Commit changes with conventions

Required Modules

package.json

{
  "devDependencies": {
    "commitizen": "^2.8.6",
    "cz-conventional-changelog": "^1.2.0",
 "ghooks": "^1.3.2",

tpai / auto-scaling.md

Last active February 24, 2021 14:38

cheatsheet for aws ecs

Auto Scaling Launch Config

Amazon ECS Optimized AMI: ami-b4ae1dd7
Instance Type: t2.small

Config Details

Name: [CONFIG_NAME]
IAM role: fever_ecs
User data: As text

tpai / httpie.md

Last active May 26, 2017 09:26

HTTP

HTTPie

Usage

http [options] [method] [url] [bodies] [headers]

Tony Pai tpai