"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)。好！先看看之前的Hel...
今天的主題是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...
今天的主題是要加入項目的編輯功能，以及更多的CSS樣式。至於重點部份有兩個，第一個是CSS樣式的加入，第二個是如何切換項目的編輯。 這個程式最後的呈現結果，會...
今天是鐵人賽的第20天，漫長的一個月旅程已經走完了3分之2，2017年只剩10多天就要到來。今天的主題是要來改造一下從前面一路學來的TodoList。為了專注...
本章的目標是在React元件中的套用樣式(Style)，而且可以因狀態改變的作樣式變化，從上一章的程式碼作這些修改都是很簡單的，在React中使用CSS的樣式...
JSX語法是開發React的核心語法，前面的例子中都有用到，也有作一些簡單的解說，在進行下一章前，我們還需要更進一步理解這個語法。它是React自創的Reac...
"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字後按下Enter鍵，就會把文字加到下面的列表中，每...
本篇目的 希望能帶完全不會 React 的人快速掌握基礎概念，React 雖然博大精深，但核心概念是小而精美的。 React 是什麼？ React 是用來建置...
前言 React Native 是由 Facebook 所開發的行動應用程式開發框架，雖然也是使用 JSX、CSS in JS 等 Web 技術來開發，但開發的...
"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字時，下面的顯示區域會一併跟著顯示，就像下面的動態圖...
"本文章附有影片"。本章的目標是提供上一章的HelloWorld應用的詳盡說明，JSX語法的基礎與元件的三種語法。不過在這之前，我要先說明...
Reducer & Action creater & Action <好讀版> 前言 這章要開始講解 redux 中重要的三個部分，...
"本文章附有影片"，在之前的"開發環境&開發工具"，我們已經介紹過整個的環境的建置，從這裡開始，我們需要為因應...
本章的目標是對Side Effect(副作用)與(Pure Functions)純粹函式的概念提供一些簡要的說明。Pure Functions(純粹函式)的概...
eyesofkids
Joseph-bug
C. T. Lin
Carlos Chang
沒一村
iThome鐵人賽
看影片追技術