【NEXT.JS 系列】從 React 到 Next.js
  • next.js
  • 2022 年 6 月 7 日
  • 4 min read

【NEXT.JS 系列】從 React 到 Next.js

在上一章節裡,我們討論了如何開始使用 React。 這是最終程式碼的樣子。 如果您從這裡開始,請將此程式碼碼複製到程式碼編輯器中的 index.html 文件中。

繼續閱讀
【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 7
  • next.js
  • 2022 年 6 月 1 日
  • 2 min read

【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 7

讓我們探索 React 如何藉由狀態和事件處理程序幫助我們添加互動性。例如,讓我們在您的專案中創建一個”喜歡”按鈕。 首先,在您的程式碼中添加一個按鈕元素:

繼續閱讀
【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 6
  • next.js
  • 2022 年 5 月 31 日
  • 3 min read

【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 6

但是,如果您想傳遞不同的文字,或者因為您從外部來源獲取數據而無法提前知道訊息,該怎麼辦?您可以將訊息片段作為屬性傳遞給 React 元件。 這些被稱為 props。

繼續閱讀
【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 5
  • next.js
  • 2022 年 5 月 31 日
  • 2 min read

【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 5

用戶介面可以分解成更小的建構區塊,稱為元件。元件允許您建構可重複使用的程式碼片段。 如果您將元件視為樂高積木,您可以將這些單獨的積木組合在一起以形成更大的結構。 如果您需要更新某個 UI,您可以更新特定的元件或磚塊。

繼續閱讀
【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 3
  • babel
  • 2022 年 5 月 28 日
  • 2 min read

【NEXT.JS 系列】從 JAVASCRIPT 到 REACT 3

要在您的專案中使用 React,您可以從名為 unpkg.com 的外部網站加載兩個 React 腳本:

繼續閱讀