NPM install 自己的模組 可以 import 自己做的模組 前言 Node.js 上開發專案好處就是可以透過 NPM 找到大量好用的套件。 但有時候你可能會發現有一些套件不符合你的需求，或是在程式運作上有錯誤。或許可以到討論版下方留言，苦苦等待作者回應，不過也可以在條件許可授權下，自行取得別人的程式碼，並以 _私領域套件(scoped package)_的形式發佈到 npm 註冊處。 接續第二篇

重要單字註釋 1. scoped 範圍 2. unUnscoped不侷限範圍 不拘限範圍的公開 pacjage Unscoped public package 創建並公布一項不侷限範圍的公開 package Create and publishing Unscoped public package 這種是最長的普通套件，任何人都可以取用。 公領域套件名稱通常只有英文、數字與橫線所組成，例如「text-npm-module」。 As an npm user, you can create unscoped packages to use in your own projects and publish them to the npm public registry for others to use in theirs. …

製作 Nav

Youtube link I just have some really basic boilerplate code set up for us to test our application Two pieces of state one is a number which we can control by this over here on the right and the second one is a boolean for dark or light which is…

How to implement the usePagination Hook Below are the few things we need to keep in mind while implementing the usePagination hook: Our pagination hook must return the range of numbers to be display in our pagination component as an array. The computation logic needs to re-run when either currentPage, pageSize, siblingCount, or totalCount change. The…

分頁可以分為，後端形式、前端形式。 服務器端分頁：涉及向服務器發出請求以獲取與請求的查詢參數(例如頁面大小 和 頁面索引) 匹配的數據子集。 與客戶端分頁不同，我們一次獲取所有數據定在前端處理分頁。 本文介紹了應該使用「服務器端分頁」的「原因」以及如何在 「React JS 和 Ｍaterial UI」中實現它。目錄 先決條件 用例 服務器端分頁的好 …

適合寫程式聽的音樂 重溫最愛，聽了很多次。

由主色，延伸出深淺多種顏色 顏色常見狀況，由一個主色 延伸出 稍微深/或/稍微淺，的多種顏色 cmd + K cmd + G

Main link Main link Controlled Components Try it on CodePen The select Tag Try it on CodePen Handling Multiple Inputs Try it on CodePen Forms HTML form elements work a bot differently from other DOM elements in React, because form elements naturally keep some internal status. For example, this in plain HTML accepts a single name: /** 表格內 有 Label Label 內有 input input…