Front End Development

免費開源的超齊全 React SVG Icon 圖庫 — React Icons

React Icons 囊括了目前最受歡迎的的各家主流 Icons，包括 Ant Design Icons、Bootstrap Icons、Font…

使用 React Intl 在 Create React App 建立多國語系靜態網頁

React Intl 使用 React components 的方式來實踐 i18n…

將 Create React App Deploy 到 Github Pages

GitHub Pages 是 GitHub 提供的一個網頁代管服務，於2008年推出，搭配 Creact React App…

前端工程師應該學的 Docker 打包應用程式

通常在伺服器上我們要部署前端應用程式，最常見的就是使用 Docker 作為基礎，來執行包好的映像檔成為容器，而這個 image 可以是任何的 OS，例如…

自架 Gitbook 教學

各位試想一下，如果你想要在公司寫一些技術文件的時候，你會想怎麼做呢？可以自架、環境需求不複雜、支援 Markdown 語法且看起來順眼的服務。這樣的需求下，也許 Gitbook…

React-Hot-Loader 下一代解決方案 React Fast Refresh 來了！

如果你有看使用過或聽過…

讓你的 Redux-Saga 應用程式簡單套用 Polling 功能

如果你的應用程式正在使用 Redux-Saga，那你應該有很高的機率遇到「自動抓取伺服器新資料」的需求，我們稱為…

React 取得圖片原始寬高與使用預設圖片

有時候礙於網站需要，我們需要要把圖片原始比例進行縮放，但又需要告訴用戶圖片原始大小的時候，我們就需要時取得大小同時又可以對畫面進行縮放，讓我們來探究如何實作。

升級 Prettier 到 v2 版本的 Breaking Changes

這次介紹一下寫 JavaScript 常使用的工具「Prettier 」，這次升級 v2 有些改動的預設值設定與無法改動的部分，讓我們繼續看下去。

善用 React Router APIs

React Router除了本身是React的必備Eco-System之一，時常一同出場，而除了一般定義路由以外，你知道使用React Router的 API…