Homepage
Open in app
Sign in
Get started
Its OK to Make Mistakes
聰明犯錯 | 分享UI UX 設計、前端開發所遇到的雷點 。
前端開發
UI UX 設計
React
Styled Components
Follow
免費開源的超齊全 React SVG Icon 圖庫 — React Icons
免費開源的超齊全 React SVG Icon 圖庫 — React Icons
React Icons 囊括了目前最受歡迎的的各家主流 Icons,包括 Ant Design Icons、Bootstrap Icons、Font Awesome、Material Design Icons 等等,將各家 SVG 圖檔轉換為 React Component…
Angel
Apr 19, 2021
使用 React Intl 在 Create React App 建立多國語系靜態網頁
使用 React Intl 在 Create React App 建立多國語系靜態網頁
React Intl 使用 React components 的方式來實踐 i18n context,可以輕易透過切換語言包來實作多語系網頁,並依據瀏覽器所在地顯示當地時間日期的格式。
Angel
Apr 12, 2021
將 Create React App Deploy 到 Github Pages
將 Create React App Deploy 到 Github Pages
GitHub Pages 是 GitHub 提供的一個網頁代管服務,於2008年推出,搭配 Creact React App 可快速建置靜態網頁,推薦初學者用來客製化個人履歷或作品集。
Angel
Apr 5, 2021
前端工程師應該學的 Docker 打包應用程式
前端工程師應該學的 Docker 打包應用程式
通常在伺服器上我們要部署前端應用程式,最常見的就是使用 Docker 作為基礎,來執行包好的映像檔成為容器,而這個 image 可以是任何的 OS,例如 CenOS、Linux 或是依照你的需求在 Docker Hub 上可以找到的 image 作為基礎打包的 image。
Ryan Hsu
Mar 22, 2021
React 中優雅使用網址參數 Query String
React 中優雅使用網址參數 Query String
以往用 JavaScript 來改變應用程式的狀態(State)最大的問題是,即使我們使用了 Redux,試想如果你有一些複合式的查詢的行為,每次刷新頁面後,那些查詢內容都要重新輸入一次,長期下來是不是非常惱人呢?今天就讓我們來看 React 如何使用 Query String。
Ryan Hsu
Jul 6, 2020
自架 Gitbook 教學
自架 Gitbook 教學
各位試想一下,如果你想要在公司寫一些技術文件的時候,你會想怎麼做呢?可以自架、環境需求不複雜、支援 Markdown 語法且看起來順眼的服務。這樣的需求下,也許 Gitbook 是一個解決方案。
Ryan Hsu
Jun 22, 2020
如何把 .NET Core 的 Config 轉為 Dictionary
如何把 .NET Core 的 Config 轉為 Dictionary
一般來說我們寫 .NET Core 常常會使用到 Config 設定一些常會因為環境變動的值,對應到前端專案就類似是 Webpack.DefinePlugin 一樣的功能。
Ryan Hsu
Jun 15, 2020
React-Hot-Loader 下一代解決方案 React Fast Refresh 來了!
React-Hot-Loader 下一代解決方案 React Fast Refresh 來了!
如果你有看使用過或聽過 React-Hot-Loader,那你一定對於這套全新的下一代解決方案有興趣,大約一年前 React 團隊就有預期要把 React-Hot-Loader 用新方案替換掉的計畫,讓我們繼續看下去。
Ryan Hsu
May 11, 2020
解決 NPM 安裝時的 gyp: No Xcode or CLT version 錯誤
解決 NPM 安裝時的 gyp: No Xcode or CLT version 錯誤
今天來解決我實際上遇到 NPM 安裝時遇到的錯誤訊息,雖然不影響應用程式執行,但沒有錯誤才能解決我們的程式潔癖,這次絕對不是 xcode-select --install 就馬上解決的狀況。
Ryan Hsu
May 4, 2020
讓你的 Redux-Saga 應用程式簡單套用 Polling 功能
讓你的 Redux-Saga 應用程式簡單套用 Polling 功能
如果你的應用程式正在使用 Redux-Saga,那你應該有很高的機率遇到「自動抓取伺服器新資料」的需求,我們稱為 Polling,今天就讓我們來探究如何簡單套用 Polling 功能。
Ryan Hsu
Apr 20, 2020
React 取得圖片原始寬高與使用預設圖片
React 取得圖片原始寬高與使用預設圖片
有時候礙於網站需要,我們需要要把圖片原始比例進行縮放,但又需要告訴用戶圖片原始大小的時候,我們就需要時取得大小同時又可以對畫面進行縮放,讓我們來探究如何實作。
Ryan Hsu
Apr 13, 2020
升級 Prettier 到 v2 版本的 Breaking Changes
升級 Prettier 到 v2 版本的 Breaking Changes
這次介紹一下寫 JavaScript 常使用的工具「Prettier 」,這次升級 v2 有些改動的預設值設定與無法改動的部分,讓我們繼續看下去。
Ryan Hsu
Apr 6, 2020
.NET Core 把 HttpClient 轉用 IHttpClientFactory 小地雷
.NET Core 把 HttpClient 轉用 IHttpClientFactory 小地雷
.NET Core 中常常會使用到 HttpClient 發出請求,在 v2.1 後出現了 IHttpClientFactory 解決原有的 HttpClient 問題,但卻在重構後踩到了 Dependency Injection 的錯誤,讓我們來看如何解決吧。
Ryan Hsu
Mar 30, 2020
解決 Heroku 無法運行 Puppeteer 問題
解決 Heroku 無法運行 Puppeteer 問題
今天把我的 Line-bot 部署到 Heroku 上,但遇到了 Puppeteer 不能執行的問題,讓我們來淺入淺出如何解決這個問題。
Ryan Hsu
Mar 23, 2020
解決 Docker for Mac 跑 docker-compose 有 docker-credential-desktop not installed or not available in…
解決 Docker for Mac 跑 docker-compose 有 docker-credential-desktop not installed or not available in…
今天遇到了 Docker 居然有不能跑 docker-compose 指令的狀況,讓我們來了解問題發生的狀況跟如何解決這個問題。
Ryan Hsu
Mar 16, 2020
解決 .NET Core 請求 HTTPS 目標發生 SSL 錯誤 dh key too small 問題
解決 .NET Core 請求 HTTPS 目標發生 SSL 錯誤 dh key too small 問題
今天使用 .NET Core 發生使用 HttpClient 對 HTTPS 目標發出請求時,產生 dh key too small 的 SSL 錯誤,今天我們來看如何解決這個問題。
Ryan Hsu
Mar 9, 2020
解決 MacOS 鑰匙圈跑掉後造成 .NET Core 跑 HTTPS 憑證無效問題
解決 MacOS 鑰匙圈跑掉後造成 .NET Core 跑 HTTPS 憑證無效問題
最近遇到了在 MacOS 上鑰匙圈設定跑掉,連帶導致 .NET 的 HTTPS 開發憑證跑掉,造成本機無法成功把伺服器跑起來的問題,今天就讓我們來了解如何解決這個問題。
Ryan Hsu
Feb 3, 2020
About Its Ok to Make Mistakes
Latest Stories
Archive
About Medium
Terms
Privacy
Teams