AngelinIts Ok to Make Mistakes免費開源的超齊全 React SVG Icon 圖庫 — React IconsReact Icons 囊括了目前最受歡迎的的各家主流 Icons,包括 Ant Design Icons、Bootstrap Icons、Font Awesome、Material Design Icons 等等,將各家 SVG 圖檔轉換為 React Component…Apr 20, 2021Apr 20, 2021
AngelinIts Ok to Make Mistakes使用 React Intl 在 Create React App 建立多國語系靜態網頁React Intl 使用 React components 的方式來實踐 i18n context,可以輕易透過切換語言包來實作多語系網頁,並依據瀏覽器所在地顯示當地時間日期的格式。Apr 13, 2021Apr 13, 2021
AngelinIts Ok to Make Mistakes將 Create React App Deploy 到 Github PagesGitHub Pages 是 GitHub 提供的一個網頁代管服務,於2008年推出,搭配 Creact React App 可快速建置靜態網頁,推薦初學者用來客製化個人履歷或作品集。Apr 6, 20211Apr 6, 20211
AngelinIts Ok to Make Mistakes建立公司內部 Private npm — Verdaccio — 實作 React Styled Components Library 安裝、打包、上傳與下載Private npm 提供建立一套公司內部專屬 React components layout library 的可能。以 Verdaccio 為例 ,實作 React Styled Components Library 安裝、打包、上傳與下載。Jun 4, 2019Jun 4, 2019
AngelinIts Ok to Make Mistakes在 React Styled-Components 利用 Checkbox 的 checked 和 onChange 客製 Radio ButtonReact 搭配 Styled-Components 的相關運用: 利用 Checkbox 來客製化出有 Hover 可切換 的Radio ButtonApr 9, 2019Apr 9, 2019
AngelinIts Ok to Make MistakesReact 搭配 Styled-Components 用 Checkbox 客製 Toggle Switch ButtonReact 搭配 Styled-Components 的相關運用: 利用 Checkbox 來客製化出有陰影的漂亮 Toggle Switch ButtonApr 3, 2019Apr 3, 2019
AngelinIts Ok to Make Mistakes在 React Styled-Components 透過 ThemeProvider 來更換網頁色彩主題樣式Styled-components 提供了一個 <ThemeProvider> 的外層 Component 來實踐換網站主題設計的系統。Mar 27, 2019Mar 27, 2019
AngelinIts Ok to Make Mistakes使用 CreateGlobalStyle 在 React Styled-Components 取代 CSS Reset 與 CSS NormalizeCreateGlobalStyle 可以在 Styled-Components 做跨 Components 的全域 Style 設定。可用於取代 CSS Reset 或 CSS normalize 。Mar 5, 2019Mar 5, 2019
AngelinIts Ok to Make Mistakes推薦的 VS Code Extensions 整理(2019/2月更新)VS Code 於 HTML / CSS / JS / Git 好用的 Extensions 推薦整理Feb 19, 2019Feb 19, 2019
AngelinIts Ok to Make Mistakes在 React Create-React-App 引入 SVG 圖檔的方法,並使用 Styled-Component 來調整 SVG Icon 在不同狀態下的色彩改變Create React App 在第二版中增添了svgr,這個 Webpack Loader 可以將 React 中的 SVG 包裝為 Component 的形式。Jan 29, 2019Jan 29, 2019