為什麼要學習 redux-saga 主要用於管理 redux 中,非同步的 action 其他可選套件 redux-loop redux-thunk r...
鐵人賽最後一天了,也是我這系列的最後一篇文章。 在我的號召之下,公司其他兩位同事也一起參加鐵人賽,順便PO上他們的文章: 美術篇: http://ithelp...
終於到了今天,要push上heroku了。 本文參考官方文件實作: Rails 5 and Heroku: https://devcenter.heroku...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...
前言 前一篇寫單元測試的目的之一就是讓除錯變得容易一點,但實際在除錯的時候還是得掌握一些可以使用的工具,尤其是對寫 Web 習慣的開發者來說,一開始的時候看不到...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...
前言 前一篇在 App 上呈現 Github User 頁面,必須使用 GraphQL Query,這篇想要來嘗試實作一個使用 GraphQL Mutation...
前言 前一篇拼死拼活的才把 Token 拿回來,這篇要來用 Token 拿資料回來顯示 User 的頁面。 準備 GraphQL Client 經過一段考慮後,...
先上圖,不囉嗦。 這邊還只有UI的功能而已,補上三支code! ReadingListWidget 準備要專門與後端溝通! 還有包裝component進去。...
說好補上就補上! 先加上rails books_controller.rb的home... def home @books = {books: Bo...
換一種思考方式:React 假設你現在要寫一個可以管理 Todo List 的前端程式,你會怎麼寫?需要的功能大概有下面這幾個: 新增 todo 刪除 tod...
"The more you know, the more you know you don’t know." - Aristotle &q...
今天講三種component的建立方式,也是看網路上的Demo常用的,我這邊會寫三個一樣的Component,讓大家看看彼此間的互換。 最簡單的 extends...
今天的主題是在Redux中的最後一篇,我們將把之前React篇最後完成的TodoApp,改用Redux來管理應用程式領域的狀態。 註: 本文章同步放置於Gi...
前言 手機不是很好打字,如果可以用更簡單的方式搞定就應該盡量避免打字,但很多時候還是必須要讓使用者輸入,例如:回留言、寫筆記、填表單、搜尋,等等,因此還是必須熟...
前言 Product Pain 是 React Native 聆聽社群聲音的重要平台,而在上面 Navigator 是個知名的「Pain」,也催生了 Navig...
今天的主題是在Redux中處理副作用,我們要使用的是一個稱為middleware(中介軟體)的技巧來作,這在Redux裡就有內建這個設計了。以目前來說,mid...
前言 在 React Native 裡面,大多的概念以及 Component 都相當好上手,但 Navigation 是個例外。Routing and Navi...
今天終於要開始講ReactJs了,我選擇先把Props跟State先講,因為這會關係到component的重新生成(re-render)。 好!先看看之前的He...
今天的主題是Redux使用於React元件之中,並使用由Redux官方出品的專案綁定套件react-redux。 這個程式最後的呈現結果,實際上與昨天是相同的...
今天的主題是Redux使用於React元件之中,這個範例並不是一個真正用於React元件的範例,正確的來說,它只是個為了展示Redux原本的功能,如何整合到像...
今天的主題是Redux,一開始我們先看它是如何運作的,Redux並不是只能在React應用中使用,而是可以在一般的應用中使用。第一個例子是一個簡單的JavaS...
睏寶先在這裡祝大家平安夜快樂。 今天是Doc整理的部分,針對React_on_Rails的文件有兩份: Github Doc Gitbook 我這邊...
今天的主題是路由器(router),以及關於React篇的一些總結資訊。今天並沒有把路由器整合到原先的TodoApp之中,所以沒有範例。 註: 本文章同步放...
本篇目的 使用者主要是透過 Touch 來跟 Mobile App 互動,跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢,長按一個按鈕、滾動 Lis...
今天的主題是要加入與伺服器資料互動的功能,一般我們所說的在網頁上的JavaScript應用與伺服器溝通,指的就是使用Ajax技術,傳送資料到伺服器或是與伺服器...
繼上一篇 <22 - React 上陣> Webpack - Babel - React 聯手,已經做好基本的安裝與設定,接下來要更進一步寫多個元件...
今天的主題是要加入搜尋、過濾與排序功能。這三個功能各有其重點,整個一起加進來會讓程式變得開始複雜,下面的解說就要仔細看了。 這個程式最後的呈現結果,就像下面的...
火紅的 React,建立元件銳不可擋,今天來寫一個 Hello World 的 React 元件,然後示範該如何透過 webpack 以及 babel 來 bu...