987

React Hooks Tips

Tips 🐟 React Hooks tip #1Stop thinking in terms of the component lifecycle and start thinking in terms of "when should this effect be re-applied".❌ "Fetch the data when the component

react

Javascript 開發者的首支 Reason React App

Original tutorial: A First Reason React app for Javascript developers by James Friend. This is a translated version in Traditional Chinese. Reason 是個新的來自 Facebook 的靜態型別函式程式語言（statically-typed functional programming language），它也可以編譯成 Javascript。Reason React

Node.js

Node.js 應用程式除錯 -- 使用 Chrome DevTools

Paul Irish 發表了一篇文章，表示可以在 Chrome DevTools 進行 Node.js 除錯。Serg Hospodarets 也發表文章說明如何進行除錯。版本需求 Node.js 6.3+ 以上（Paul Irish 建議 6.6+ 比較少問題） Chrome 55+（可以直接使用 Chrome Canary）開啟 Chrome

JavaScript

Arrow This

Original post: Arrow This by getify, this is a translated version in Traditional Chinese. ES6 中大肆吹噓的一項功能是 => 箭頭函式語句（arrow function syntax），簡短的函式定義表達式（亦稱 "lambdas"）。你很難找到一篇部落格文章、研討會演說或書籍有關 ES6（或無關）卻不說到『=> 是新的

JavaScript

細說轉化者(Transducers)：第一部

This article is a translated version in Traditional Chinese, the original article is Transducers Explained: Part 1 written by simplectic.com. 使用JavaScript來介紹轉化器。我們將從歸納(reducing)陣列開始，一直到定義轉換成為轉化器，接著漸進的介紹轉化器以及如何使用轉化。最後會總結我們的所學，接著是未來的文章，還有相關參考的連結，包括現有的轉化器函示庫。轉化器... 到底是什麼？

JavaScript

AngularJS directives內compile及link的函式本質

Original article: The nitty-gritty of compile and link functions inside AngularJS directives by Jurgen Van de Moere. This is a translated version in Traditinoal Chinese. AngularJS directives是令人驚豔的。它允許你創造高度語意且可重複利用的元件。在某種意義上你可以認為它是極致的web components先驅者。有許多很棒的文章，甚至是書籍，在教導你如何撰寫自己的directives。

JavaScript

gulp 入門指南

Original article: Getting started with gulp by Mark Goodyear. This is a translated version in Traditional Chinese. * 2014年1月28日更新，反映 gulp 的進步 2014年4月21日更新，使用更新的 gulp-livereload 2014年8月11日更新，使用 del 取代原有的 gulp-clean，更新 gulp-livereload 2015年5月20日更新，更新

JavaScript

7種重構JavaScript程式的樣式: SERVICE OBJECTS

Original article: 7 PATTERNS TO REFACTOR JAVASCRIPT APPLICATIONS: SERVICE OBJECTS By Michael Phillips. 2013年10月17日，Code Climate創辦人Bryan Helmkamp寫了一篇文章，描述了7種樣式，用來重構Ruby on Rails裡肥胖的ActiveRecord模型。在Crush & Lovely裡，這是給所有Rails開發者的一篇核心參考文章，學習如何切割關係並撰寫模組化，簡明及具表達性的程式碼，也讓測試變得非常簡單。本系列文章會在JavaScript環境中展示這些概念；這些概念同樣適用於JavaScript中的資料模型，也相同重要。每一周會介紹一種樣式，總共會介紹七種。

JavaScript

7種重構JavaScript程式的樣式: VALUE OBJECTS

Original article: 7 PATTERNS TO REFACTOR JAVASCRIPT APPLICATIONS: VALUE OBJECTS By Michael Phillips. 2013年10月17日，Code Climate創辦人Bryan Helmkamp寫了一篇文章，描述了7種樣式，用來重構Ruby on Rails裡肥胖的ActiveRecord模型。在Crush & Lovely裡，這是給所有Rails開發者的一篇核心參考文章，學習如何切割關係並撰寫模組化，簡明及具表達性的程式碼，也讓測試變得非常簡單。本系列文章會在JavaScript環境中展示這些概念；這些概念同樣適用於JavaScript中的資料模型，也相同重要。每一周會介紹一種樣式，總共會介紹七種。

JavaScript

How Javascript Loading Works - DOMContentLoaded and OnLoad

The original post from How Javascript Loading Works - DOMContentLoaded and OnLoad JavaScript的載入是如何運作 - DOMContentLoaded 及 OnLoad 實際上，一個web請求會有三種不同的需求時機，讓我們讀取並執行javascript。這些需求由DOMContentLoaded事件以及OnLoad事件所描繪。我們可以在DOMContentLoaded之前、DOMContentLoaded之後以及OnLoad之後載入我們的腳本。在我深入細節之前，這兩個事件到底是什麼？何時會被觸發？事件當頁面的文件物件模型(Document Object Model，DOM)準備好時，

JavaScript

JavaScript Promises ... In Wicked Detail

.wisdom { background-color: #cff7b8; color: #655c6f; } .callout { padding: 10px; margin: 20px 0; } .pitfall { background-color: #eec2c4; } This post is Traditional Chinese version of JavaScript Promises ... In Wicked Detail 原文請參考：JavaScript Promises ... In Wicked Detail 我在我的JavaScript程式碼中使用promises有一陣子了。

Golang

Go 的 Methods, Interfaces 及 Embedded Types

This post is Traditional Chinese version of Methods, Interfaces and Embedded Types in Go 原文請參考：Methods, Interfaces and Embedded Types in Go 簡介我的夥伴艾德問我，如果某個結構（struct）及嵌入字段（embedded field）都實作相同的界面（interface）時，會發生什麼事。

JavaScript

JavaScript’s this: 如何運作, 它有什麼陷阱

Original post: JavaScript’s this: how it works, where it can trip you up JavaScript’s this: how it works, where it can trip you up 在JavaScript中，特殊的this是相對地複雜，因為它處處可及，不只在物件導向。這篇部落格文章解釋this如何運作及它是如何造成問題，最後用最佳實踐來做結尾。為了了解this，

How can I sort du -h output by size

http://serverfault.com/questions/62411/how-can-i-sort-du-h-output-by-size du -s * | sort -rn | cut -f2- | xargs -d "\n" du -sh

Linux

Install Docker on Linux Mint 15

Linux Mint 15 (based on Ubuntu 13.04) 詳細安裝文件：http://docs.docker.io/en/latest/installation/ubuntulinux/#ubuntu-raring-saucy // Optional AUFS filesystem support sudo apt-get update sudo apt-get install linux-image-extra-`uname -r` // First add

JavaScript

Export This: Node.js模組的界面設計模式

This article is transalted in Traditional Chinese from Export This: Interface Design Patterns for Node.js Modules by Alon Salant. 翻譯文章純屬個人方便記憶用。當你在 Node 中 require 一個模組，你會得到什麼？當你撰寫一個模組時，你有哪些選擇來設計你的界面？當我第一次學著用 Node 來工作時，我發現幾種全然不同的方式。

JavaScript

Private Members in JavaScript

This article is translated in Traditional Chinese. Article author: Douglas Crockford. URL: http://javascript.crockford.com/private.html, JavaScript的私有成員 JavaScript是世界上最被誤解的程式語言。某些人認為它缺少屬性的資訊隱匿性，因為物件無法擁有私有實例變數及方法(method)。但是這是個誤解。JavaScript物件可以擁有私有成員。接下來告訴你為什麼。 Objects 物件 JavaScript物件是基礎的。陣列是物件。函式是物件。Object是物件。所以什麼是物件？

Sublime Text

Installing Sublime Text's command line tool 'subl' in terminal on Mac OSX

Ref: http://stackoverflow.com/a/11031534/737143 // 1. Create a symbol link $ cd $ mkdir bin $ sudo ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl // 2. Add path

Ubuntu

How do I fix my locale issue?

Ref: http://askubuntu.com/questions/162391/how-do-i-fix-my-locale-issue I am getting this message everytime I do something like starting or stopping a service. perl: warning: Setting locale failed. perl: warning: Please check that your

Linux

Install MongoDB on Linux Mint 15

To get more detail, please reference to this article: http://docs.mongodb.org/manual/tutorial/install-mongodb-on-ubuntu/ Installation: sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10 echo 'deb http://downloads-distro.mongodb.

解決Yeoman執行遇到TypeError: Cannot read property ‘bold’ of undefined

錯誤訊息： /home/archie/.nvm/v0.10.20/lib/node_modules/generator-genesis/node_modules/yeoman-generator/lib/util/common.js:5 '\n `————-´ | ' + 'Welcome to Yeoman,'.yellow.bold + ' |' + ^ TypeError: Cannot

Ubuntu 13.04 上的 PyCharm 3.0 字體(Source Code Pro)反鋸齒調整

無意間Google到，讓PyCharm顯示Source Code Pro字型時好看一點的方法。參考來源：http://blog.jetbrains.com/blog/2013/05/15/intellij-idea-is-the-base-for-android-studio-the-new-ide-for-android-developers/#comment-14837 步驟：編輯 /opt/pycharm/bin/pycharm64.vmoptions 增加下列文字: -Dawt.useSystemAAFontSettings=on -Dswing.aatext=true -Dsun.java2d.xrender=true

Ubuntu 13.04安裝nvm: Node Version Manager

https://github.com/creationix/nvm curl https://raw.github.com/creationix/nvm/master/install.sh | sh SSH login要在 ~/.bashrc 加入： [ -s $HOME/.nvm/nvm.sh ] && . $HOME/.nvm/nvm.sh # This loads

Ubuntu 13.04安裝pyenv: Simple Python version management

pyenv: https://github.com/yyuu/pyenv pyenv-virtualenv: https://github.com/yyuu/pyenv-virtualenv 安裝相關套件(https://github.com/yyuu/pyenv/wiki/Common-build-problems)： // zlib $ sudo apt-get install libssl-dev zlib1g-dev // bzip2 $ sudo apt-get install libbz2-dev // Readline support

Ubuntu 12.04設定讓apt-get自動取得最佳鏡射站台

參考來源：How can I get apt to use a mirror close to me, or choose a faster mirror? 步驟： sudo vi /etc/apt/sources.list 檔案最上方直接加入以下文字： deb mirror://mirrors.ubuntu.com/mirrors.txt