iT邦幫忙

react相關文章
共有 560 則文章
鐵人賽 Modern Web DAY 8
React - DOM界的彼方 系列 第 8

技術 Day 08: ES6篇 - Destructuring Assignment(解構賦值)

本章的目標是對Destructuring Assignment(解構賦值)提供一些使用上的說明。這些語法在React、React Native、Redux等等...

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

技術 Day 28: Redux篇: 使用middleware(中介軟體)處理異步動作

今天的主題是在Redux中處理副作用,我們要使用的是一個稱為middleware(中介軟體)的技巧來作,這在Redux裡就有內建這個設計了。以目前來說,mid...

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

技術 Day 04: Flow - JavaScript靜態類型檢查工具

本章的目標是提供一些Flow工具的簡介與使用建議。當然Flow也只是個檢查工具,它並不會自動修正程式碼中的錯誤,也不會強制說你沒按照它的警告訊息修正,就不會讓...

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

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

Hi!大家好啊!想不到又重回最初的Route篇了吧!不過其實一開始也根本沒有說到他過XD,連他的小跟班match都提過了,就是沒有好好解釋過Route這個組件,...

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

技術 Day 15: React篇: HelloWorld解說與JSX語法

"本文章附有影片"。本章的目標是提供上一章的HelloWorld應用的詳盡說明,JSX語法的基礎與元件的三種語法。不過在這之前,我要先說明...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 23

技術 換一種思考方式:React

換一種思考方式:React 假設你現在要寫一個可以管理 Todo List 的前端程式,你會怎麼寫?需要的功能大概有下面這幾個: 新增 todo 刪除 tod...

鐵人賽 Modern Web DAY 26

技術 Day 26 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - React + Redux + Webpack 環境建置

接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...

鐵人賽 Modern Web DAY 1

技術 Day 01:使用 Modern Web 技術來打造 Native App

前言 React Native 是由 Facebook 所開發的行動應用程式開發框架,雖然也是使用 JSX、CSS in JS 等 Web 技術來開發,但開發的...

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

技術 Day 18: React篇: JSX語法指引

JSX語法是開發React的核心語法,前面的例子中都有用到,也有作一些簡單的解說,在進行下一章前,我們還需要更進一步理解這個語法。它是React自創的Reac...

技術 [筆記]動態<input type="file" /> 新增&刪除&圖片預覽-React.js

開頭 基礎 使用javascript 透過按鈕新增刪除欄位 進階 新增圖片並有圖片預覽功能 基礎 Demo: https://codepen.io/Cand...

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

技術 [筆記][React]React的目錄結構篇

Hi!大家好啊!因為大家的支持!鐵人賽總算過一半了!希望剩下來的賽程請各位大大繼續指教! 話說今天為了研究一個東西浪費了一堆時間,讓我現在感覺很沒勁,哈哈哈(超...

鐵人賽 Modern Web DAY 4

技術 [Day 04 - 計數器] 把 HTML 寫在 JavaScript 中!? - JSX 的使用

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

鐵人賽 Modern Web DAY 7

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

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

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

技術 [TaichungBike] 公共腳踏車租借查詢 - React

TaichungBike 這個專案主要是用來練習React串接API,目的是要做一個各縣市公共腳踏車租借情況的立即查詢應用,往後會持續改善成一個Product。...

鐵人賽 Modern Web DAY 7

技術 React-Redux-框架練習(1)

前言 我找到一篇 Redux 的初學教學,是一個外國人寫的,我順便翻寫他所做的文章,也方便我釐清觀念。 Getting started with create...

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

技術 Day 25: Redux篇 - 介紹 與 第一個範例

今天的主題是Redux,一開始我們先看它是如何運作的,Redux並不是只能在React應用中使用,而是可以在一般的應用中使用。第一個例子是一個簡單的JavaS...

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

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇!

Hi!大家好啊!React旅程走到這裡開始覺得有點累了XD,下班放假都還是不能忘記準備文章,嗚嗚...不過和不只報名一個系列的大大們來說,還算是算小咖了,希望這...

鐵人賽 Modern Web DAY 29

技術 [Day 29 - 即時天氣] 寫網頁就是要炫耀啊,不然要幹麻?發布上 Github Pages 吧!

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

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

技術 Day 09: ES6篇: Spread Operator & Rest Operator(展開與其餘運算符)

本章的目標是對展開運算符(Spread Operator)與其餘運算符(Rest Operator)提供一些使用上的說明。這些語法在React、React N...

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

技術 Day 23: React篇 - TodoApp程式 + Fetch/Ajax 於生命週期方法

今天的主題是要加入與伺服器資料互動的功能,一般我們所說的在網頁上的JavaScript應用與伺服器溝通,指的就是使用Ajax技術,傳送資料到伺服器或是與伺服器...

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

達標好文 技術 【Day1 React】What the hell is React?

鼓起勇氣挑一個沒有接觸過的 ReactJS 來挑戰 希望在這30天內可以盡最大所能挖掘 React 的奧秘! 作品懶人包 由於我喜歡嘗試各種新的可能 因此在這3...

鐵人賽 Modern Web DAY 20

技術 [Day 20 - 即時天氣] 在 useEffect 中使用呼叫需被覆用的函式 - useCallback 的使用

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

鐵人賽 Modern Web DAY 8

技術 [Day 08 - 計數器] 一個不夠,給我一次來十個 - JSX 中迴圈的使用

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

鐵人賽 Modern Web DAY 1

技術 Day 1 - 為什麼要前後端分離?

前後端分離已成為業界的標準之一, 有效的分離解藕, 可以讓我們的專案維護更容易, 業務邏輯更清晰, 不會像以往牽一髮而動全身, 同時也可以支援不同客戶端服務(W...

徵才 薩摩亞商德勝資訊 徵求 WEB前端開發經理 #歡迎挑戰高薪 薪資15萬~25萬

徵求 WEB前端開發經理 #歡迎挑戰高薪 公司穩定 待遇好福利制度完善 職責: 1、參與code review、design review,協助提高前端團隊技術...

鐵人賽 Modern Web DAY 3

技術 【Day 3】CRA專案架構

昨天介紹了 React 的特色與元件化開發的特色,也使用 create-react-app 建構了我們的第一個 React 程式專案,今天將延續昨日 CRA 建...

鐵人賽 Modern Web DAY 18

技術 [Day 18 - 即時天氣] 拉取並呈現來自多道 API 的資料

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

鐵人賽 Modern Web DAY 2

技術 Day 02:快速學會 React 基礎

本篇目的 希望能帶完全不會 React 的人快速掌握基礎概念,React 雖然博大精深,但核心概念是小而精美的。 React 是什麼? React 是用來建置...