iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 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...

鐵人賽 Modern Web DAY 17
React - DOM界的彼方 系列 第 17

技術 Day 17: React篇: TodoList程式

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

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

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

鐵人賽 Modern Web DAY 25

技術 Day 25:實作 Navigation 與 Drawer

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

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

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

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

鐵人賽 Modern Web DAY 26
React - DOM界的彼方 系列 第 26

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 19
React - DOM界的彼方 系列 第 19

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 16
React - DOM界的彼方 系列 第 16

技術 Day 16: React篇: TextInput程式

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

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 24

技術 【Day 24】 useRef

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 5

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

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

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

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

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

鐵人賽 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...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 24
React - DOM界的彼方 系列 第 24

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

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

鐵人賽 Software Development DAY 3

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 24

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

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

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

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 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 5
Zero to hero with React.js 系列 第 5

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

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