透過製作 Babel-plugin 初訪 AST
前言最近公司同事組了 Design pattern 的讀書會，剛好這週研讀到 Visitor Pattern 時，同事介紹說我們每天在用的工具 Babel 就是採用 Vistor Pattern，透過 visitor 拜訪 AST (Abstract Syntax Tree)，進而將程式碼進行對應轉換。 這除了勾起我前陣子想要了解 AST 的想法外，也再度提醒我對於 Babel Plugin 背後的實作方式不太了解，只知道像是 ESLi
進階 React Component Patterns 筆記（下）
前言上次我們介紹了三種 Rect Component Patterns，包含 Compound component、Render props component 與 Prop collections & getters，而今天要繼續往下介紹剩下的五個 Patterns: State Initializers State Reducer Control Props Provider Higher-order component
進階 React Component Patterns 筆記（上）
前言前不久在 Frontend masters 看到一部影片 Advanced React Patterns，是 Paypal 的工程師 Kent C. Dodds 在某場 workshop 介紹他實作 React component 時所使用的進階 React Patterns（目前似乎要付費觀看，而他在 egghead.io 上也有一系列教學，同樣要收費就是了…），內容非常豐富扎實，若是想提供一些可高度客製化的共用元件，使用這些 P
一起來了解 Javascript 中的 Proxy 與 Reflect
前言在眾多 ES6 提供的新功能上，Proxy 與 Reflect 算是最少被提及的，主要原因我想還是因為瀏覽器的支援度較低，不過在我前陣子看到 Frameworkless JavaScript Part 3: One-Way Data Binding 這篇文章時（好文推薦！很有趣），特意去查了一下才發現目前支援度已經越來越好： 常用的瀏覽器幾乎都支援，我想也是可以來好好了解一下這兩個神奇的物件了！ 最後有個參考該篇文章實作的 To