Homepage
Open in app
Sign in
Get started
Its Ok to Make Mistakes
前端開發
UI UX 設計
React
Styled Components
免費開源的超齊全 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
React 中優雅使用網址參數 Query String
React 中優雅使用網址參數 Query String
以往用 JavaScript 來改變應用程式的狀態(State)最大的問題是,即使我們使用了 Redux,試想如果你有一些複合式的查詢的行為,每次刷新頁面後,那些查詢內容都要重新輸入一次,長期下來是不是非常惱人呢?今天就讓我們來看 React 如何使用 Query String。
Ryan Hsu
Jul 6, 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
讓你的 Redux-Saga 應用程式簡單套用 Polling 功能
讓你的 Redux-Saga 應用程式簡單套用 Polling 功能
如果你的應用程式正在使用 Redux-Saga,那你應該有很高的機率遇到「自動抓取伺服器新資料」的需求,我們稱為 Polling,今天就讓我們來探究如何簡單套用 Polling 功能。
Ryan Hsu
Apr 20, 2020
React 取得圖片原始寬高與使用預設圖片
React 取得圖片原始寬高與使用預設圖片
有時候礙於網站需要,我們需要要把圖片原始比例進行縮放,但又需要告訴用戶圖片原始大小的時候,我們就需要時取得大小同時又可以對畫面進行縮放,讓我們來探究如何實作。
Ryan Hsu
Apr 13, 2020
善用 React Router APIs
善用 React Router APIs
React Router除了本身是React的必備Eco-System之一,時常一同出場,而除了一般定義路由以外,你知道使用React Router的 API 中有兩個好用的角色「generatePath 與 matchPath 」嗎?今天我們就要討論這兩個好用的API如何操作。
Ryan Hsu
Dec 23, 2019
製作 React Hooks 高效能元件進/離場動畫
製作 React Hooks 高效能元件進/離場動畫
在寫前端應用程式難免會碰到需要動畫的時候,尤其是元件的進場與離場動畫,這篇就要來討論如何使用 React Hooks 搭配 CSS 做出高效能與高客製化的動畫。
Ryan Hsu
Dec 2, 2019
全新 React Redux v7.1 的 Hooks APIs
全新 React Redux v7.1 的 Hooks APIs
React Redux在v7.1的Hooks的用法,如何使用React Redux的Hooks APIs(useSelector、useDispatch)如何選擇useSelector()的 equality function與使用Hooks APIs的優缺點。
Ryan Hsu
Aug 12, 2019
Connected React Router 無法正常在 Saga 控制路由
Connected React Router 無法正常在 Saga 控制路由
最近在使用 Connected React Router 發現神奇的問題,居然沒辦法再 React Saga 正常控制路由,身為專業的工程師,我們發揮福爾摩斯的精神,抽絲剝繭的找出問題在哪。
Ryan Hsu
Aug 5, 2019
About Its Ok to Make Mistakes
Latest Stories
Archive
About Medium
Terms
Privacy
Teams