iT邦幫忙

react相關文章
共有 560 則文章
2 Like 0 留言 4846 瀏覽
鐵人賽 Modern Web DAY 2
Zero to hero with React.js 系列 第 2 篇

技術 【Day2 React】React 環境設定 採用 Webpack 和 Babel

一個 React 的專案中我們需要什麼樣的函式庫？ React.js core library React DOM library 這次不僅學習 React...

anniesnoopymd ‧ 2017-12-08
0 Like 0 留言 4759 瀏覽
鐵人賽 Modern Web DAY 17
React - DOM界的彼方 系列 第 17 篇

技術 Day 17: React篇: TodoList程式

"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字後按下Enter鍵，就會把文字加到下面的列表中，每...

eyesofkids ‧ 2016-12-17
4 Like 0 留言 4746 瀏覽
鐵人賽 Modern Web DAY 14
從 Hooks 開始，讓你的網頁 React 起來 系列 第 14 篇

技術 [Day 14 - 即時天氣] 把 CSS 寫在 JavaScript 中！？ - CSS in JS 的使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-30 ‧團隊Wow Doge!
3 Like 2 留言 4724 瀏覽
鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30 篇

技術 Day 30: 回顧2016年，台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

eyesofkids ‧ 2016-12-30
1 Like 0 留言 4681 瀏覽
鐵人賽 Modern Web DAY 25
使用 Modern Web 技術來打造 Native App 系列 第 25 篇

技術 Day 25：實作 Navigation 與 Drawer

前言 前一篇在 App 上呈現 Github User 頁面，必須使用 GraphQL Query，這篇想要來嘗試實作一個使用 GraphQL Mutation...

C. T. Lin ‧ 2017-01-09
2 Like 0 留言 4580 瀏覽
鐵人賽 Modern Web DAY 6
Zero to hero with React.js 系列 第 6 篇

技術 【Day6 React】學習都是從觀摩他人的 code 開始

Codepen 是寶庫！！ 我是一個喜歡把玩顏色、嘗試各種介面風格的人，因此 codepen 是我經常使用的工具，更棒的是，可以在上面看到各種高手，用著千奇...

anniesnoopymd ‧ 2017-12-12
0 Like 0 留言 4262 瀏覽
鐵人賽 Modern Web DAY 26
React - DOM界的彼方 系列 第 26 篇

技術 Day 26: Redux篇 - 第一次使用Redux於React應用

今天的主題是Redux使用於React元件之中，這個範例並不是一個真正用於React元件的範例，正確的來說，它只是個為了展示Redux原本的功能，如何整合到像...

eyesofkids ‧ 2016-12-26
6 Like 1 留言 4221 瀏覽
鐵人賽 Modern Web DAY 17
從 Hooks 開始，讓你的網頁 React 起來 系列 第 17 篇

技術 [Day 17 - 即時天氣] 頁面載入時就去請求資料 - useEffect 的基本使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-03 ‧團隊Wow Doge!
1 Like 0 留言 4171 瀏覽
鐵人賽 Modern Web DAY 11
以經典小遊戲為主題之ReactJS應用練習 系列 第 11 篇

技術 Day11 - 貪吃蛇篇：前言及功能構想

前言 談到經典小遊戲，除了圈圈叉叉遊戲之外，還有一個家喻戶曉的遊戲，就是貪吃蛇，雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗，越來越炫砲，但是經典的遊戲終究還...

Taiming ‧ 2018-10-26 ‧團隊開橋找井
7 Like 0 留言 4162 瀏覽
鐵人賽 Modern Web DAY 6
從 Hooks 開始，讓你的網頁 React 起來 系列 第 6 篇

技術 [Day 06 - 計數器] 醒醒啊！為什麼一動也不動 - useState 的基本使用

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-22 ‧團隊Wow Doge!
0 Like 0 留言 4161 瀏覽
鐵人賽 Modern Web DAY 19
React - DOM界的彼方 系列 第 19 篇

技術 Day19: React篇: TodoList程式 + 樣式(Style)

本章的目標是在React元件中的套用樣式(Style)，而且可以因狀態改變的作樣式變化，從上一章的程式碼作這些修改都是很簡單的，在React中使用CSS的樣式...

eyesofkids ‧ 2016-12-19
1 Like 0 留言 4124 瀏覽
鐵人賽 Modern Web DAY 9
使用 Modern Web 技術來打造 Native App 系列 第 9 篇

技術 Day 09：常見的 React Native Component - Part II

本篇目的 使用者主要是透過 Touch 來跟 Mobile App 互動，跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢，長按一個按鈕、滾動 Lis...

C. T. Lin ‧ 2016-12-24
0 Like 0 留言 4110 瀏覽
鐵人賽 Modern Web DAY 16
React - DOM界的彼方 系列 第 16 篇

技術 Day 16: React篇: TextInput程式

"本文章附有影片"。這個程式最後的呈現結果，會是在網頁上出現一個文字輸入框，當你輸入文字時，下面的顯示區域會一併跟著顯示，就像下面的動態圖...

eyesofkids ‧ 2016-12-16
1 Like 0 留言 4004 瀏覽
鐵人賽 自我挑戰組 DAY 6
請你當我的好朋友吧！ReactJS！ 系列 第 6 篇

技術 【DAY 06】React！還有？refs你別來好不？

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

Hyora ‧ 2018-10-12
5 Like 0 留言 3931 瀏覽
鐵人賽 Modern Web DAY 11
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 11 篇

技術 Day10 | Props 太多， Component 就容易出錯， 就讓 Prop-Types 替你把關吧！

前言 不曉得大家還記不記得這個畫面： 對的，這是在 Day06 中埋下的伏筆，因為之後的 Hooks 就會開始運用 Props！所以趁現在來解決他吧！ 前置...

神Q超人 ‧ 2019-09-22 ‧團隊IT成長團
0 Like 0 留言 3838 瀏覽
鐵人賽 Modern Web DAY 24
React.js 從 【0】 到【1】推坑計畫 系列 第 24 篇

技術 【Day 24】 useRef

useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單，直接來看範例吧： import React, { useRef } from...

莫力全 Kyle Mo ‧ 2019-09-28
0 Like 0 留言 3821 瀏覽
鐵人賽 Modern Web DAY 4
Spring Boot and React - 前後端 30 天分手日記 系列 第 4 篇

技術 Day 4 - Spring Boot 快速建立專案

上一章 Day 3 - Visual Studio Code 開發環境建置 Visual Studio Code 使用內建Command, 將建立專案方式簡單化...

Aiden ‧ 2019-09-20
7 Like 1 留言 3821 瀏覽
鐵人賽 Modern Web DAY 5
從 Hooks 開始，讓你的網頁 React 起來 系列 第 5 篇

技術 [Day 05 - 計數器] 將計數器頁面改成用 JSX 來寫

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-09-21 ‧團隊Wow Doge!
5 Like 0 留言 3795 瀏覽
鐵人賽 Modern Web DAY 18
一步一腳印的React旅程 系列 第 18 篇

技術 [筆記][React]React網頁好朋友Router(2)-掌握match是成功的一半

Hi，大家好，昨天介紹了一些關於Router的基本用法，也解決了在實作時遇到的一些問題，不過在都已經解決掉的現在就讓我們繼續學習吧！ match 在Router...

神Q超人 ‧ 2018-10-23 ‧團隊IT成長營
1 Like 0 留言 3625 瀏覽
鐵人賽 Modern Web DAY 10
Zero to hero with React.js 系列 第 10 篇

技術 【Day 10 React】透過番茄計時器實作理解 React State and Lifecycle

之前我修了一堂 University of California, San Diego 開的線上課程 Learning How to Learn: Powerf...

anniesnoopymd ‧ 2017-12-16
0 Like 0 留言 3607 瀏覽
鐵人賽 Modern Web DAY 5
Spring Boot and React - 前後端 30 天分手日記 系列 第 5 篇

技術 Day 5 - Spring Boot 啟動與測試

上一章 Day 4 - Spring Boot 快速建立專案 今天教大家如何Run我們的專案 首先建立後會自動生成DemoApplication.java im...

Aiden ‧ 2019-09-21
1 Like 1 留言 3589 瀏覽
鐵人賽 Modern Web DAY 24
React - DOM界的彼方 系列 第 24 篇

技術 Day 24: React篇 - 路由器(router) 與 本篇小結

今天的主題是路由器(router)，以及關於React篇的一些總結資訊。今天並沒有把路由器整合到原先的TodoApp之中，所以沒有範例。 註: 本文章同步放...

eyesofkids ‧ 2016-12-24
0 Like 0 留言 3547 瀏覽
鐵人賽 Software Development DAY 3
用設計模式與Typescript，在React異世界築起堅固保壘！ 系列 第 3 篇

技術 [Day3] 虛實之間 就用 React 築起所見即所得的世界吧！

嗨 大家好 我是一路爬坡的阿肥 每次搭高鐵往返老家跟北部的時候，就會想著： 「每次搭車可以省 3 個小時，每年搭個 20 次，這樣一年就幫我省了 60 個小時，...

YURI ‧ 2019-09-18
8 Like 12 留言 3547 瀏覽
鐵人賽 Modern Web DAY 30
從 Hooks 開始，讓你的網頁 React 起來 系列 第 30 篇

達標好文 技術 [Day 30 - 臺灣好天氣] 發布上 Github Pages 不夠，還要變成手機 App！還有那些重要但故意先不告訴你的內容

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-16 ‧團隊Wow Doge!
0 Like 0 留言 3480 瀏覽
鐵人賽 Modern Web DAY 24
使用 Modern Web 技術來打造 Native App 系列 第 24 篇

技術 Day 24：在 App 上呈現 Github User 頁面

前言 前一篇拼死拼活的才把 Token 拿回來，這篇要來用 Token 拿資料回來顯示 User 的頁面。 準備 GraphQL Client 經過一段考慮後，...

C. T. Lin ‧ 2017-01-08
1 Like 0 留言 3477 瀏覽
鐵人賽 Modern Web DAY 15
Zero to hero with React.js 系列 第 15 篇

技術 【Day15 React】React Flux 架構介紹

Flux Introduction 大家好，很高興可以在鐵人賽這個公眾場合上自我介紹，前幾年我也都有受邀來自介，很開心大家找我朋友 React，最後都會找到我這...

anniesnoopymd ‧ 2017-12-21
0 Like 0 留言 3456 瀏覽
鐵人賽 Modern Web DAY 2
Spring Boot and React - 前後端 30 天分手日記 系列 第 2 篇

技術 Day 2 - Spring Boot 介紹, 開發工具與架構

上一章 Day 1 - 為什麼要前後端分離? 開發過WEB項目的朋友, 都應該處理過繁複的配置, 一堆XML與Properties檔 這使的專案配置對於新人來說...

Aiden ‧ 2019-09-18
3 Like 0 留言 3447 瀏覽
鐵人賽 Modern Web DAY 19
從 Hooks 開始，讓你的網頁 React 起來 系列 第 19 篇

技術 [Day 19 - 即時天氣] 在 useEffect 中定義並使用 async 函式

感謝 iT 邦幫忙與博碩文化，本系列文章已出版成書「從 Hooks 開始，讓你的網頁 React 起來」，首刷版稅將全額贊助 iT 邦幫忙鐵人賽，歡迎前往購書...

pjchender ‧ 2019-10-05 ‧團隊Wow Doge!
0 Like 0 留言 3445 瀏覽
鐵人賽 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...

anniesnoopymd ‧ 2017-12-25
2 Like 1 留言 3369 瀏覽
鐵人賽 Modern Web DAY 5
Zero to hero with React.js 系列 第 5 篇

技術 【Day5 React】render 一個會動的 React 日曆

日曆 DEMO 時間誠可貴，參加鐵人賽方得時間更加珍貴 我們可以直接把要呈現在 DOM 的內容直接寫在 ReactDOM.render() ，不過通常我們...

anniesnoopymd ‧ 2017-12-11
iT邦幫忙鐵人賽
iT 邦幫忙鐵人賽
參賽組數
926 組
團體組數
50 組
累計文章數
17911 篇
完賽人數
528 人
鐵人賽得獎題目
前往鐵人賽
技術推廣熱門主題
前往鐵人賽
熱門問題
IT邦幫忙
站方公告
熱門tag 看更多
12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 windows php windows server linux python 程式設計 c# 資訊安全 css 分享 sql 專案管理 mysql
熱門回答
熱門文章
一週點數排行 更多點數排行
  1. 阿展展展 (eric211924)
  2. japhenchen (japhenchen)
  3. 海綿寶寶 (antijava)
  4. rogeryao (rogeryao)
  5. Peter學程式 (ianchen0119)
  6. 雷伊 (amurorei)
  7. ccenjor (ccenjor)
  8. raytracy (raytracy)
  9. froce (froce)
  10. 補覺鳴詩 (lovesharepc)