【前言】 昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就...
【前言】 昨天講完Refs，會不會覺得目前React已經很煩了呢？希望你不會......XD 【正文】 今天要來聊聊React Component的生命...
【前言】 前兩篇講到props、state，可是阿，有時候看到滿滿jquery的特效就很想拿來react用，可是jquery那些都要直接對實體DOM做操作；...
【前言】 昨天我們講到Props是由父層傳遞下去，不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化，那這時候應該要怎...
【前言】 昨天我們實作了第一個React Component了，有沒有覺得自己有沒有變強了一點呢？這篇要來介紹一下React的Props屬性囉！ 【正文】...
【前言】 昨天我們很簡（ㄙㄨㄟˊ）略（ㄅㄧㄢˋ）的介紹ES6、Babel、JSX之後，我們要來使用React撰寫我們第一個Component囉！ 【正文】...
【前言】 我們昨天跟React說想跟他當好朋友，而且雙方也做了自我介紹了，如果按照少女漫畫的情節應該就可以直接牽手抱抱親親 BUT，人生就是有那個BUT...
【前言】 咳咳，我是Hyora，一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身，但大學程式課程要不是低空飛過，不然就是能...
A10 is more than a technology company. We provide security. We provide intellige...
A10 is more than a technology company. We provide security. We provide intellige...
A10 is more than a technology company. We provide security. We provide intellige...
如果你來自react 學react一定會用到redux來處理state的問題，那你就開始學redux，可是redux好難，一下又是reducer, 一下又是ac...
繼昨天 export 之後我們就可以來撰寫 reducer。把 NEW_MEME 加進來 import { RECEIVE_MEMES, NEW_MEME }...
Create meme items 昨天把 API 裡的 meme names 都 render 出來之後，我們今天要把圖片呈現出來。 先在 component...
Listing memes 今天第一個任務 94 呈現 memes~~~ 第一步驟，先進到 App.js import { connect } from 'r...
現在網路上有許多有趣的梗圖，今天我們不求人！就來串接 Imgflip API 取得梗圖，再透過讓使用者輸入要放在圖片上的文字，做出最客製化的梗圖～ 環境建置...
上一篇建立完角色陣容後，今天要來做已選取的角色陣容。 在 component 資料夾中新增 HeroList.js import React, { Compon...
mapping dispatch to props import { bindActionCreators } from 'redux'; import {...
介面的呈現 在做好基本功能之後，先來把介面刻完，然後就可以把功能 map 到 UI 元件上了。 除了 import React 和 component 之外，我...
接續昨天在 index.js 寫完 reducer 的程式碼，現在要把這些程式碼分別放進各自的 reducer 裡，實現最結構化的撰寫模式。我們在 reduce...
Action 的設定 有 provider，有 store，有 reducer，明星三缺一，現在只缺 action 啦！第一個要定義的 action，就來寫寫選...
前言 當react結合redux後，就有的觀念就大轉變，要趕快脫離段適應期，所以要不段的修煉，今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...
前言 續昨天的文章: Getting started with create-react-app, Redux, React Router & Red...
前言 我找到一篇 Redux 的初學教學，是一個外國人寫的，我順便翻寫他所做的文章，也方便我釐清觀念。 Getting started with create...
為什麼要學習 redux-saga 主要用於管理 redux 中，非同步的 action 其他可選套件 redux-loop redux-thunk r...
鐵人賽最後一天了，也是我這系列的最後一篇文章。 在我的號召之下，公司其他兩位同事也一起參加鐵人賽，順便PO上他們的文章: 美術篇: http://ithelp...
終於到了今天，要push上heroku了。 本文參考官方文件實作: Rails 5 and Heroku: https://devcenter.heroku...
這邊來自於: Redux Github討論串: https://github.com/reactjs/redux/issues/1287#issuecomm...
Title很愛學Redux SharedReduxStore, rails, react都認識他 //client/app/bundles/stores/S...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA，而內容會假設讀者已經熟悉 Re...
Hyora
poligen
anniesnoopymd
Luis-Chen
Joseph-bug
iamya
2019 iT 邦幫忙鐵人賽