iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 Modern Web DAY 4

技術 [筆記][React]關於Components的那件小事

經過前兩天的折騰,總算把開發環境給處理好了,從孟母身上我們就可以知道環境有多麼重要,不只對人,連程式也不例外,對吧?所以讓我們從今天開始學習React! 起手...

鐵人賽 自我挑戰組 DAY 2

技術 【DAY 02】蝦咪?ES6、Babel、JSX要先來鑑定?

【前言】   我們昨天跟React說想跟他當好朋友,而且雙方也做了自我介紹了,如果按照少女漫畫的情節應該就可以直接牽手抱抱親親   BUT,人生就是有那個BUT...

鐵人賽 Modern Web DAY 3

達標好文 技術 [筆記][React]從零到一的webpack開發環境(2)-React開發篇

Hello!大家好啊!記得我們昨天裝了node.js、npm、webpack還用npm init建立一個專案,然後用webpack -p打包了一個JavaScr...

鐵人賽 自我挑戰組 DAY 1

技術 【DAY 01】你好React,我可以當你好朋友嗎?

【前言】   咳咳,我是Hyora,一個剛滿四個月、天天都很厭世、擔心什麼時候會被火掉的超廢前端工程師。雖是本科系出身,但大學程式課程要不是低空飛過,不然就是能...

鐵人賽 Modern Web DAY 1

技術 [筆記][React]踏出認識React的第一步

Hi!現在是2018/09/04,紀錄著在鐵人賽留下足跡的第一篇文章。 在這30篇的文章,會參考以下兩個網站做學習: React官方文件 從零開始學...

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

徵才 美商A10 Networks - Junior FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

徵才 徵後端工程師

徵才: 製作新版耐美知識網站: 後端:C#,ASP.NET Core(必備) 前端:React(加分,前端有另外一位工程師) 如有這樣的人才,是否推薦或加入合作...

徵才 美商A10 Networks - Sr. FrontEnd Web Developer

A10 is more than a technology company. We provide security. We provide intellige...

徵才 [徵才]美商A10 Networks-FrontEnd Web Developer

【公司名稱】: 美商睿科網路科技有限公司 【公司地址】: 台北南港軟體園區三期 捷運南港展覽館站附近 台北市南港區三重路66號6樓 https://goo.gl...

技術 [慟] [react-router-dom] <Redirect /> 跳轉只會re-render Component的render

目前情況 一個表單Component 一個列表Component 動作 表單送出資料後,跳轉到列表,跳轉到列表後,會更新已送出資料 說明 這動作其實很常見,...

技術 [環境]create-react-app hotreload 配置

Hot Reloading in Create React App Without Ejecting 1.安裝 yarn add react-app-rew...

技術 [React] axios - TypeError: Cannot read property 'setState' of undefined

https://stackoverflow.com/questions/41042763/axios-reactjs-cannot-read-property...

技術 firebase hosting - 點擊從網頁複製的連結會notfound

https://firebase.google.com/docs/hosting/url-redirects-rewrites firebase.json...

鐵人賽 Modern Web DAY 23
學會Elm寫前端 系列 第 23

技術 23 elm Q&A: 聽說和react, redux有關係?

如果你來自react 學react一定會用到redux來處理state的問題,那你就開始學redux,可是redux好難,一下又是reducer, 一下又是ac...

鐵人賽 Modern Web DAY 30
Zero to hero with React.js 系列 第 30

技術 【Day 30 React】Redux+API 製作 meme generator—— 完結篇

繼昨天 export 之後我們就可以來撰寫 reducer。把 NEW_MEME 加進來 import { RECEIVE_MEMES, NEW_MEME }...

鐵人賽 Modern Web DAY 29
Zero to hero with React.js 系列 第 29

技術 【Day 29 React】Redux+API 製作 meme generator—— Part3

Create meme items 昨天把 API 裡的 meme names 都 render 出來之後,我們今天要把圖片呈現出來。 先在 component...

鐵人賽 Modern Web DAY 28
Zero to hero with React.js 系列 第 28

技術 【Day 28 React】Redux+API 製作 meme generator—— Part2

Listing memes 今天第一個任務 94 呈現 memes~~~ 第一步驟,先進到 App.js import { connect } from 'r...

鐵人賽 Modern Web DAY 27
Zero to hero with React.js 系列 第 27

技術 【Day 27 React】Redux+API 製作 meme generator—— Part1

現在網路上有許多有趣的梗圖,今天我們不求人!就來串接 Imgflip API 取得梗圖,再透過讓使用者輸入要放在圖片上的文字,做出最客製化的梗圖~ 環境建置...

鐵人賽 Modern Web DAY 26
Zero to hero with React.js 系列 第 26

技術 【Day 26 React】Redux 做遊戲角色陣容應用程式——完結篇

上一篇建立完角色陣容後,今天要來做已選取的角色陣容。 在 component 資料夾中新增 HeroList.js import React, { Compon...

鐵人賽 Modern Web DAY 25
Zero to hero with React.js 系列 第 25

技術 【Day 25 React】Redux 做遊戲角色陣容應用程式——趴ㄈ ㄞˋ

mapping dispatch to props import { bindActionCreators } from 'redux'; import {...

鐵人賽 Modern Web DAY 24
Zero to hero with React.js 系列 第 24

技術 【Day 24 React】Redux 做遊戲角色陣容應用程式——趴四

介面的呈現 在做好基本功能之後,先來把介面刻完,然後就可以把功能 map 到 UI 元件上了。 除了 import React 和 component 之外,我...

鐵人賽 Modern Web DAY 23
Zero to hero with React.js 系列 第 23

技術 【Day 23 React】Redux 做遊戲角色陣容應用程式——趴水

接續昨天在 index.js 寫完 reducer 的程式碼,現在要把這些程式碼分別放進各自的 reducer 裡,實現最結構化的撰寫模式。我們在 reduce...

鐵人賽 Modern Web DAY 22
Zero to hero with React.js 系列 第 22

技術 【Day 22 React】Redux 做遊戲角色陣容應用程式——趴兔

Action 的設定 有 provider,有 store,有 reducer,明星三缺一,現在只缺 action 啦!第一個要定義的 action,就來寫寫選...

鐵人賽 Modern Web DAY 21
Zero to hero with React.js 系列 第 21

技術 【Day 21 React】Redux 做遊戲角色陣容應用程式——趴萬

這次要做的專案是遊戲角色選取的應用程式 做出來的應用程式大概會像這樣: 可以從左邊的角色選項選取到右邊,陣容狀態會依被選取的角色而不斷更動。 建置環境 在專...

技術 [ESLint] Parsing error: Unexpected token =

有時遇到這種問題,程式碼是對的,轉寫格式有錯就會出現類似問題,可能會是Parsing error: Unexpected token < 、Parsing...

鐵人賽 Modern Web DAY 20
Zero to hero with React.js 系列 第 20

技術 【Day20 React】Redux 入門

後面這二十天,將專攻 Redux,一樣也是透過做中學的方式來理解 Redux。 首先,官方文件是必備材料: Redux 官方中文文件 另外,這一篇 Code C...

鐵人賽 Modern Web DAY 19
Zero to hero with React.js 系列 第 19

技術 【Day19 React】React router 在 Single Page Application(SPA) 的應用

做 SPA 囉~~ 唉不是!此 SPA 非彼 SPA。。。。 今天要學習 React router,並透過 Single Page Application(SP...

鐵人賽 Modern Web DAY 18
Zero to hero with React.js 系列 第 18

技術 【Day18 React】React Flux 架構——Action

今天,要來學習 to-do app 中的 Action 先在 js 資料夾下創建一個 actions 資料夾,裡面新增一個 TodoActions.js 在 a...

鐵人賽 Modern Web DAY 17
Zero to hero with React.js 系列 第 17

技術 【Day17 React】Flux to-do text

新增 dispatcher.js 檔案,並在 TodoStore.js 裡註冊 dispatcher import { Dispatcher } from &q...