Day-5 我流工作系統 開始工作之後，要記的東西真的太多了，只是單純地在紙上寫筆記，應付不了前端工程師的工作...第五天了，想跟大家分享我個人用來工作記事的...
Day-22 專案演練 - 修改與刪除代辦清單 useState() 很開心的把表格的功能做完，但我似乎忘記了很多事情，如果它是個 todo list，那是不...
前導 還沒看過上一篇文章的朋友請先回顧喔！接續上一篇的問題，大家有找到合適的解法了嗎？如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...
CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...
在組件間傳值的時候，當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了，如果這個環節出錯一般稱為業務邏輯錯誤，這代表你程式寫的語法是對的但是錯的是你的業務...
在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...
我想說的是組件傳遞資料並不是只能傳遞數值，函式也可以傳遞子組件不能直接操作父組件的資料，要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...
表單處理 這篇文章是我從事教學很常遇到的統整，我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程，有興趣了解更多的話可以參考這個連結，裡面有所有我所統整的R...
動機 主要還是想順著開頭篇章繼續補完 React server component，所以接下來就是會碰到 Next 這個框架，因為他與 React18 合作開發...
很簡單啦，你就Draw.io畫一畫就好了啦 想必有部分的朋友一定有聽過自家前輩或是社群中的大神這樣子說過。 但愛因斯坦說的才能不足以研究數學轉而決定研究物理，跟...
關於渲染的構想 pre-rendering 一直是 Next.js 的核心思想，他們將其分為兩種實作方法，一個是 Rendering，也就是一般的渲染概念，另一...
換個方向 在前面系列的文章，已經幫大家複習並深入了解幾個常用的 hook，接下來的章節，是個人開發經驗與結合前端 design pattern 的概念的經驗分享...
分類的哲學 這次要分享的是大家檔案分類的進化過程，分類檔案其實也蠻有學問的，一方面是語意上的邏輯，另一方面是資料夾內的檔案性質問題，一般來說我們會盡量把開發中的...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
挑刺 前一篇我們詳細解釋了 useMemo 和 useCallback 的運作原理和邏輯，今天我們就來檢討一些使用不好的例子。 首先，我們都已經知道這兩個 h...
我想說的是組件拆分的方法 在前面幾篇中，其實已經寫好了一個基本的按摩服務列表但是從頭到尾只使用了一個組件在小型專案中也許可以這麼做，但隨著專案大小勢必會需要...
那些只要能跑就好的代碼 一開始矇矇懂懂加入前端行列的我拿起了第一本前端書籍的時候，上面同時介紹了 HTML 與 CSS，胸懷壯志的想說要把他看個兩三遍，然而事情...
Day-30 結語 - 沒有完賽心得 在這段時間裡面我只專注一件事情 :完成三十篇文章並且發表，不想為點閱率或者別人怎麼回應這些事情分心，就只是想達成三十天的目...
講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料，才能達到資料共享。 然後... 於是 Context / P...
Day-3 學習的歷程 第三天了，這篇文章要來分享個人轉職的學習歷程，學習的方式有千百種，成長的樣態也是多元的，盡可能知道多一點，也是不錯的事情吧。 緣起 偶...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
Day-26 專案演練 - 在 homePage 拿到 list redux 今天我們要完成 homePage 的一部分功能，跟 todo 有關的部分，其實鐵人...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
實作練習 經過前面的介紹之後，相信大家應該有基礎的理解和認知了，接下來我們一樣透過 Rick and Morty API 來練習如何在 app router 下...
Day-27 專案演練 - 寫在最後 專案分享的尾聲，篇幅有限，還有很多想做的功能還沒完成，做個這 20 天來邊做邊寫的總結，在鐵人賽結束之後，我會繼續把之前說...
Day-2 本系列 overview 第二天的文會告訴大家，接下來的大綱會是怎麼長的，幫大家做個 overview。順序可能會變動，也可能會新增主題，但並不會...
設置開發環境 1. VSCode 如果還沒有安裝過文字編輯器，推薦可以使用免費開源的 VSCode(Visual Studio Code)，它與 TypeSc...
前言、摘要 昨天已經將一些API 修復，因此今天將會依照著設計圖，調整我們前端的頁面。會使用到初階的Bootstrap和一些Django的模板語言。 概念說明...
我們在【Day5: 如何利用DialoGPT建立一個小小的聊天機器人】已經介紹要如何使用Huggingface去載入並使用DialoGPT，那今天我們來升級聊天...
SSR Next 的 SSR（Server-Side Rendering）的概念是在每個使用者請求時動態產生頁面內容，而不是提前產生靜態 HTML 頁面，這樣頁...
aoigj100
LucianoLee
a0265392_lin
Nanami Lemon
Otto_auto
Xiang1009
呆呆小將
Annie
yenshaoting
渴望脫魯的SWE
iThome鐵人賽
看影片追技術