Start your app the better way with Styled System

本文主要由此投影片「Start your app the better way with Styled System」之講稿改寫。本文會從 CSS 歷史開始談起,接著會來看過去我們在使用元件庫上遇到的問題,以及怎麼使用 Styled System 來解決這些問題。

styled-system styled-components CSS Modules CSS in JS BEM


結構化程式設計 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 4 章「結構化程式設計」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code 閱讀筆記


範式概論 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 3 章「範式概論」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code OOP 物件導向程式設計 閱讀筆記


產生器(Generator)

一般的 function 在呼叫後只會回傳一個值或不回傳任何東西,但產生器(generator)卻可以一個接著一個的回傳(yield)多個值;產生器和迭代器常用來一起處理資料流。

generator 產生器 iterator 迭代器 ES6 javascript


行為與架構 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 2 章「兩種價值觀的故事」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code 閱讀筆記


設計與架構 | Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇 閱讀筆記

本文為「Clean Architecture 無瑕的程式碼:整潔的軟體設計與架構篇」第 1 章「什麼是設計與架構」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code TDD 閱讀筆記


迭代器(Iterator)

Q:這個物件不能做迭代欸,怎麼辦?A:別驚慌,幫它定義迭代器就可以了。

iterator 迭代器 generator 產生器 ES6 javascript object javascript array