iT邦幫忙

react相關文章
共有 1745 則文章
鐵人賽 自我挑戰組 DAY 10

技術 【DAY 10】這樣我們關係有比較近了嗎?ReactJS

【前言】  前幾天我們建構了一些React的一些基礎觀念,這篇會稍微整理一下內容,並提供一些其他的網站給予參考。【正文】  剛開始我們稍微對ReactJS這個函...

鐵人賽 Modern Web DAY 11
一步一腳印的React旅程 系列 第 11

技術 [筆記][React]使用React開發的思考模式(2)-組件的構成模式

Hi!恭喜踏入第11篇!完成1/3的賽程了!這樣子一直倒數心態是不是不太好XD,不過我還是很沈醉在給自己壓力的,哈哈哈,但是結束後還是讓我耍廢一陣子吧!欸?現在...

鐵人賽 自我挑戰組 DAY 9

技術 【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】  前幾天我們做的練習基本上都是放在同個Component檔案下,但事實上我們會切分Component,一來可以達到Component的可覆用性、可維護...

鐵人賽 Modern Web DAY 10
一步一腳印的React旅程 系列 第 10

技術 [筆記][React]使用React開發的思考模式(1)-記得把共同狀態提升

前面幾篇文章把React基本的用法都說完了,剩下的就是該如何將它應用在實務面中,所以接下來我會試著和各位一同做出一些小作品,但是在那之前,我們得先了解如何正確的...

鐵人賽 自我挑戰組 DAY 8

技術 【DAY 08】React Component也有生老病死?(下)

【前言】  昨天稍微提到了React component的其中兩個生命週期componentDidMount和componentWillUnmount。今天就來...

鐵人賽 Modern Web DAY 9

達標好文 技術 [筆記][React]受不受控的Component與Form表單

Hello!大家好!剛剛差一點點點就睡著了,真是完全都不能懈怠下來,不然我的隊友會殺了我XD,今天要說的東西主要是受控組件(Controlled Compone...

鐵人賽 自我挑戰組 DAY 7

技術 【DAY 07】React Component也有生老病死?(上)

【前言】  昨天講完Refs,會不會覺得目前React已經很煩了呢?希望你不會......XD 【正文】  今天要來聊聊React Component的生命週期...

鐵人賽 Modern Web DAY 8

技術 [筆記][React]用 for 迴圈處理Component

HI!大家好,這一篇和前一篇應該會比較輕鬆,畢竟說的都是天天陪伴著大家的語法XD,加上在JSX中處理Element真的變得很容易上手,因為就和原生的JavaSc...

鐵人賽 Modern Web DAY 7

技術 [筆記][React]用 if 條件式來控制Component

終於進入條件篇了!這是鐵人賽開始的第一個禮拜,一直不敢想後面還有三個禮拜,不然會瞬間變得非常喪失鬥志XD if的用法: 只要稍微有接觸過程式的大大對if應該都...

鐵人賽 Modern Web DAY 6

技術 [筆記][React]進入Component的事件處理篇!

Hello!大家好啊!明明才第六篇而已,感覺卻快被榨乾了XD。 前兩天我們的例子都圍繞在計時器身上,但是真正的網頁可沒有那麼簡單,因為還有使用者這種生物在,身為...

鐵人賽 自我挑戰組 DAY 6

技術 【DAY 06】React!還有?refs你別來好不?

【前言】  前兩篇講到props、state,可是阿,有時候看到滿滿jquery的特效就很想拿來react用,可是jquery那些都要直接對實體DOM做操作;抑...

鐵人賽 自我挑戰組 DAY 5

技術 【DAY 05】React!說,State又是誰啊?

【前言】  昨天我們講到Props是由父層傳遞下去,不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化,那這時候應該要怎麼...

鐵人賽 Modern Web DAY 5

技術 [筆記][React]Component的狀態State及生命週期Lifecycle

HI!上一篇我們提到了可以用Props可以從外部傳進值,就像以下做法,今天進入正文的也太突然了XD: //建立一個NowTime組件類別顯示目前時間 class...

鐵人賽 自我挑戰組 DAY 4

技術 【DAY 04】React!說,Props是誰啊?

【前言】  昨天我們實作了第一個React Component了,有沒有覺得自己有沒有變強了一點呢?這篇要來介紹一下React的Props屬性囉! 【正文】  ...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 自我挑戰組 DAY 3

技術 【DAY 03】Hello, React! 我終於印出你了!

【前言】  昨天我們很簡(ㄙㄨㄟˊ)略(ㄅㄧㄢˋ)的介紹ES6、Babel、JSX之後,我們要來使用React撰寫我們第一個Component囉! 【正文】  ...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 Modern Web DAY 1

達標好文 技術 [筆記][React]踏出認識React的第一步

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

鐵人賽 自我挑戰組 DAY 1

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

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

徵才 美商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/m...

技術 [慟] [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-rewi...

技術 [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 30
Zero to hero with React.js 系列 第 30

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

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