在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作的方式跟使用的方法。

主要內容

這個系列主要介紹現在熱門的前端框架 react 跟相關的 Libraries。

過去 react 開發複雜的功能跟邏輯需要透過 class component 才可以實現，學習過程會需要了解 class 的繼承、封裝的相關概念，還要了解在 JavaScript 中 this 的指向才能夠進行開發。但是在 react 16.8 推出了新的 hook 寫法之後，所有的功能都可以透過 functional component 搭配 hooks 來做開發，大大降低了入門的難度。

這個系列的內容大概會分成三個部分:

• 開始之前 - 簡單介紹 npm 跟 webpack ( 1-3 篇 )
  開始正式的內容之前會先簡單的介紹 npm 跟 webpack，畢竟現在前端開發已經少不了這些套件管理跟打包工具了。

• 主要內容 - 介紹 react 跟常用 hooks ( 15 ~ 20 篇 )
  接著正式介紹 react，簡單講講 react 是如何運作的跟如何使用 react 裡面各式各樣的 hooks，來達成各種功能，程式碼都是會透過 vite 建立開發環境搭配 TypeScript 做說明。

• 開始之後 - 介紹其他常用套件 ( 5-10 篇 )
  最後在簡單說說有哪一些 react 常用的 Libraries，跟怎麼使用。

如果內容有錯的話還希望大家可以跟我說，我會盡快修正。
接下來就請大家多多指教了！

這個系列的文章會同步更新在我個人的 Medium，歡迎大家來看看 👋👋👋
Medium