MediumPosts

使用 FastAPI + Render 架設免費 Web API｜官網沒教的事：Start commad 設定、API 範例程式碼、Web API 佈署教學

Giphy API 教學｜迷因愛好者的 API 首選。

LineBot 迷因圖片搜尋｜寫了一個酷東東 — Meme Search LineBot

NASA API 教學 ｜使用 Python 探索宇宙。以獲得每日的太空照片為範例。

Edamam API 教學：輕鬆掌握食物分析的技巧。分別用 python 及 nodeJs 作範例。

Windows 終端機推薦 — Windows Terminal 美化。將 Terminal 改造成你喜歡的樣子！😍Windows 終端機推薦；How to decorate Windows Terminal and edit settings.

7 種在 React 引入圖片的方法。為什麼 img 的 src 無效?!

React 捕捉錯誤｜使用原生函式 componentDidCatch + Error Boundaries 來捕捉元件錯誤。Use React componentDidCatch and Error Boundaries to catch components’ error!

在電腦中設定 Git 帳號及 ssh key；在一台電腦中使用多個 Git 帳號；如何更改 Git 遠端網址。

React Native 菜單｜React Navigation 底部菜單結合堆疊菜單的作法。Code for Integrating StackNavigator into BottomTabNavigator Screen.

React prop-types｜套件 prop-types 使用方式及應用情境。

React Native 登入登出｜實作 App 基本頁面及底部菜單。

React Native + Context API｜在 React Native 中使用 useContext！

Simplest Way to Learn JavaScript Logical Assignment Operators.

React Native 接收通知｜在 App 接收通知，使用 Firebase Cloud Messaging 發送及接收。

React Native｜寫 APP 從 Todo List 開始，結合裝置 Async Storage 應用！

React Native 從0開始｜環境架設及建立啟動專案！

React 實作網站換色功能｜用 styled-components 輕鬆完成！暗黑模式開燈模式一鍵切換。

Python 與 Line bot — 從頭開始建立一個 Line 機器人，部署到 Heroku！

在 React 專案中使用環境變數｜不要再手動切換 API 網址啦！

在 React 專案用 sessionStorage (新增/修改/刪除/查看/清空)。

React Router 實作— 頁面權限控管或限制登入後才可訪問該頁面。React 實作登入驗證功能。

教學｜5 分鐘架一個筆記網站 — 怕忘記的通通放在那裡吧！

React｜操作特定元件或頁面 — 以列印及下載檔案為例。

React 結合 python API — 寫一個行事曆 App！使用 fastAPI + google sheet 當資料庫。

新版 React router 怎麼用？ React-router-dom v6！

Medium 小技巧，寫 Medium 應該知道的隱藏功能。

React 效能優化 — React.memo、useCallback、useMemo 的使用方式及其他效能優化小技巧。

React 一個 CRUD 增改刪查專案！

CSS Modules 是什麼？為什麼我要改用 CSS Modules？What is Css Modules ? Why should you use it ?

Python — FastAPI，利用google sheet當資料庫結合FastAPI的使用範例。

Python 一個 line notify，通知今天氣溫。

React 如何抓取URL網址中的參數。How to Get Params in URL ?

使用腳本自動更新github profile！（以更新medium最新文章為例）

在 React 專案使用 Canvas 簽名框。How to put Signature field in React Project.

如何在 Medium 漂亮地貼上程式碼？

React 五種獲取API資料的方式 。Five Ways of Fetching Data from API.

React 如何不用迴圈改變內層物件(Obj)的值。How to Change Value in Deep Object.

在github Profile使用圖示標籤。Use Cute Icon in Github Profile by Shields.io .

CSS垂直置中/水平置中（持續新增）

React專案中Input上傳檔案並以base64檢視。

在React使用styled-components。Use Styled-components in React。

React怎麼用Font Awesome Icon？How to Use Font Awesome Icon in React Project?

用Github Pages免費部署個人網站—React專案如何產生URL讓別人瀏覽。

在 React 專案用 localStorage (新增/修改/刪除/查看/清空)。

React.js — 如何將資料依照陣列依序排序？How To Sort Data by Array List?

前端專案(React)如何與後端連結?The Simplist Code to Connect Frontend and Backend.

The Most Simple way to use React Router. 簡易版React Router結合link使用。

Promise.all到底是什麼東西啦!(剛被主管指導趁熱紀錄一下)

如何用Google Sheet當作資料庫

使用javascript寫一個威力彩隨機開獎號碼

javascript 各種初學練習及解答

React hooks — useContext+useReducer，極簡版demo，看完這篇絕對懂（應該）

React hooks — useContext到底怎麼用，看完篇絕對懂！

在 React 專案使用 highchart 加上表格 table。How to Use Highchart with Table in React Project?

React 專案使用 useCallback+React.memo

用 python 寫一個 line notify，接收即時股價通知。Use Python To Get The Real Time Stock Trade Price By Line Notify.

如何在React專案使用lodash debounce？How To Use Lodash Debounce in React Project?

如何在 React 專案中使用同一個function ，但 view 帶入的資料不同？How To Use The Same Function in Different View in React Project?

如何在 React 專案中使用 LzString？How To Use LzString in React Project?)

如何實現在 Material-UI 的 Table 前新增搜尋功能？How To Implement Material-UI Table With SearchBar?)

如何在Next.js中使用react套件?How To Use Package In Next.js Project ?

如何使用 NWB 建立專案? how to use nwb to create a project?

兩步驟自訂 vsCode 程式碼片語，How To Set VsCode User Snippet.