Search
課程名稱：使用 React Hooks 和 GraphQL 建立一個即時應用程式
詳細課程中文介紹請參考 http://bit.ly/2NRaosm
課程將帶你建立一個即時、全端的 React 應用程式，
1. 後端是 GraphQL Server (Apollo Server 2) ，使用雲端 MongoDB 資料庫(Mongo Atlas)
2. 使用 React Hooks 來管理程式的狀態(替換 Redux!)
3. 使用社群認證(Google OAuth2) ，使用 GraphQL 訂閱即時資料，使用 Cloudinary 上傳影像等等。
應用程式將是一個名為 GeoPins 的即時地理定位應用程式，使用者可以在地圖上標出不同的位置，並即時與其他使用者分享自己的內容—- 分享圖片、對位置和地點的評論、透過在地圖上的圖釘上新增評論與其他使用者互動，以及管理他們在地圖上建立的圖釘。
🌳 文章標題：使用 Next.js 建構具有情感分析的聊天應用程式- 使用 Pusher 建構即時聊天應用程式
這個聊天應用程式有趣的地方在會根據使用者寫的文字中判斷情緒然後出現對應的表情 icon , 使用了以下技術框架
1. Next.js - 伺服器端的 React Render 框架 ( 簡稱 SSR )
2. Pusher - Pusher 是一種用於建構具有不同即時需求的應用程式的技術，比如推送通知和發佈/ 訂閱訊息。
3. Sentiment - 用於做文字的情緒分析 ( 不知道有沒有中文版本 ? ）
4. React - 前端框架
5. NodeJS
作者還將實作後的應用程式放到了 github https://github.com/christiannw…/realtime-chat-with-sentiment
✍ 相關線上課程
1. React 16+ – 完整的指引 (包含 React Router 4 和 Redux) - 這個課程也有教 Next.js http://bit.ly/2KssxeF
2. Node.js 相關線上課程 http://bit.ly/2wMSTEN
https://codeburst.io/build-a-chat-app-with-sentiment-analys…
給具備 HTML、CSS、以及傳統 JavaScript 基礎的開發人員：學習 JavaScript ES6 技術規格，以及熱門的 React 前端開發套件，為你奠定未來十年的競爭基礎。
從這 7.5 小時的課程，你會學到
1. 升級 JavaScript 能力至 ES6 版本
2. React 基礎觀念
3. React 專案開發實務：井字遊戲
4. React 相關工具套件：Babel、Redux
>課程詳細資訊請參考 https://goo.gl/XoNjmz
当你了解了action、reducer、store 的基本使用方法之后，你也许会在其他一些方面遇到问题，比如异步逻辑和AJAX 请求、连接到React 等UI 库、用Redux 建立一个应用等等：. ... <看更多>
React.js 中文开发入门教学- Redux - Redux Toolkit - Thunk Async 异步处理 ... ... <看更多>
react redux中文 在 Read Me | Redux 的推薦與評價
Redux 是個給JavaScript 應用程式所使用的可預測state 容器（如果你正在尋找一個WordPress 框架， ... 你可以使用Redux 結合React，或結合其他任何的view library。 ... <看更多>