React

React 教學 - 從零開始的 React 生活 Part 4


先前的文章中都是以 class 形式製作 React 組件(component),但對於一些不需要狀態(state)的組建而言,使用 class 製作 React 組件不免有點多餘。所幸對於這種單純的組件,可以使用 function 進行開發。

React 教學 - 從零開始的 React 生活 Part 3


React 教學 - 從零開始的 React 生活 Part 2 中,我們學會利用 Webpack 編譯含有 JSX 的 React 專案,讓我們能夠利用 JSX 語法提高開發 React 的效率。

本篇會將 React 教學 - 從零開始的 React 生活 Part 1 中的範例改成 JSX 語法呈現,並且模組化部分組件(components) ,從而達到較高的可維護性。

最後再加上新的外掛 babel/plugin-proposal-class-properties ,讓我們能夠使用 Arrow function 更加簡化 React 程式碼。

React 教學 - 從零開始的 React 生活 Part 1


近來常使用 React 開發前端,但無奈前端的開發工具五花八門,比較熟悉後端技術的開發者應該會相當不習慣,因此本文記錄我使用 React 開發前端的演進過程。

本文會從一個簡單而且不需要使用任何前端工具的 React 範例開始,然後慢慢地一個個地導入現今前端常用的開發工具(例如 Webpack, Babel) 等等,至於其他較深入的 React 功能則不多加贅述,希望可以讓其他與我相同不懂前端技術的朋友,在開始前端生涯之前有個好文章能夠參考。