活動規劃

• React.js 基本介紹
  • 與傳統 Javascript 或 JQuery 的差別
  • 元件化的開發方式
  • 核心理念及開發精神
  • 使用 React.js 的好處
  • 撰寫一個簡單的 React.js 程式
• 前端人員所需具備的開發工具箱
  • node.js 基本介紹與教學
  • npm 基本介紹與教學
  • 如何使用 es6 搭配開發
  • 如何使用 Common JS 進行模組化
• 使用 React.js 撰寫 Component
  • Component 基本介紹
  • Prop 介紹及使用教學
  • State 介紹及使用教學
  • Event 介紹及使用教學
• 使用 React.js 撰寫複雜 Component
  • 多個 Component 之間的溝通與互動
  • Component 之間的事件觸發
• React.js 基本優化細節
  • 如何使用 React.js 的差異更新
  • 如何使用 Immutable Object 加速差異比較
• React.js 搭配 Redux 讓邏輯更好維護
  • Mvc, MVVM 與 單一資料流的差別
  • Redux 基本介紹及使用教學
• React.js 上線前必備的工作
  • Webpack 介紹及使用教學
  • Babel-loader 介紹及使用教學
  • 使用 React Hot Loader 幫助開發

講者的話

React.js 是一套相當輕巧、反應快速的框架，可以幫助我們在構建大型網站時，可以把複雜的網頁拆分成一個一個的小零件，透過類似組裝積木的方式，把網站整個組裝起來。透過這樣的方式來開發網頁，可以讓我們在開發的時候一次只需要專注在一個小零件上，更能夠完整的考慮到這個小零件需要注意的各種面向，不會被其他東西干擾，也讓測試的撰寫更加的簡單。希望可以透過這一天的課程，讓大家可以輕鬆的學習如何用 React.js 打造自己的網站，慢慢用類似組合積木的方式把網站構建起來，也讓維護工作更加的輕鬆！