活動規劃

React.js 是由 Facebook 所開發的一套 JavaScript Library，自從 Open Source 以來一直廣受大家的好評，它透過全新的 JSX 搭配元件化的撰寫方式，讓開發人員可以一次專注在一個元件上，並透過組合的方式完成前端頁面。React.js 本身輕巧靈活，搭配優秀的 Virtual DOM 機制，在瀏覽器上的速度表現十分優異，更甚至可以透過 Isomorphic 的方式從 Server 端直接 Render 在頁面上，一次解決大部分 SPA 應用程式的第一屏瀏覽和 SEO 問題。 React.js 除了在瀏覽器上之外，更推出 React Native 讓開發人員使用同一種語言撰寫 iOS APP，並預計在年底推出 Android 版本，讓我們只需要學習一次，就能開發各種不同平台的 APP。 你還沒有體驗過 React.js 的魅力嗎？這次的課程將會從頭開始向大家介紹如何使用 React.js 開發前端應用程式，感受使用元件的方式如拼圖般在瀏覽器上架構出豐富功能的魅力。

活動講師

Kirk Chen(陳鋒逸)

Full Stack Engineer，主要專注於 Web 開發技術以及 JavaScript 相關前後端技術，擅長軟體開發流程改善，希望能夠打造所有團隊都能順暢進行開發的流程，曾任知名企業顧問，擅長 Trouble Shooting，系統效能改善，以及持續整合流程導入和優化，具有許多容器化服務實際運用經驗，曾參與多間創業公司前期開發工作。熱愛單元測試、持續整合及 DevOps，喜歡分享軟體開發相關經驗，經常撰寫技術相關部落格與擔任研討會講師。

2015 年獲選 微軟最有價值專家 （MVP）

講師經歷：

• 大型電子商務平台顧問
  • Trouble Shooting
  • 系統效能改善
  • 架構規劃及建置協助
  • 持續整合流程優化
• DevOps 國際峰會 2018 (深圳站)
• ModernWeb 講師
• DevOpsDay 講師
• 社群研討會講師
  • Agile 社群
  • DevOps 社群
  • twMVC
  • Tech Podcast Night

活動介紹

• 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 打造自己的網站，慢慢用類似組合積木的方式把網站構建起來，也讓維護工作更加的輕鬆！

還想知道什麼就留言吧