iT邦幫忙

react相關文章
共有 563 則文章
鐵人賽 Modern Web DAY 5

技術 Day 6: 為什麼用React?什麼是Create-React-App? { D2 }

The Birth of React 以前是單純 HTML, CSS, Javascript 跟 DOM 互動 問題是每個瀏覽器都有不一樣的功能...

鐵人賽 自我挑戰組 DAY 6
React基礎 系列 第 6

技術 第六天, React 元件

元件: React的是希望你把許多功能都元件化,元件化後可以重覆使用,而JSX則是元件化一個很重要的工具。但不像前幾天講的,jsx的資料放到某變數中,再把變數放...

鐵人賽 Modern Web DAY 4

技術 Day 5: 試著用 React 重做 Python API Project { D1 }

嗨,我是 Roy 上次面試之後覺得自己的實作還是太鈍了,決定在刷題之於試試能不能不看教學,自己獨立做一個小專案。 「Concert Preparer」 讓你在去...

鐵人賽 自我挑戰組 DAY 5
React基礎 系列 第 5

技術 第五天,建立一個React的新專案Create React App

1.開新的檔案(npx是npm 5.2所附帶的套件執行器) npx create-react-app my-app 2.進入到目錄 cd my-app 3....

鐵人賽 Modern Web DAY 4

技術 Day-4 林克,你的大師之劍呢?

我是個劍士,在100年前敗給魔王之後,從復甦神廟醒來(如有雷同純屬巧合)。 發現深愛的國家、人民、公主,全部都在魔王的統治下深受其害。 所以我決定拿起我的寶劍,...

鐵人賽 自我挑戰組 DAY 4
React基礎 系列 第 4

技術 第四天,react安裝環境了。

React安裝環境 Visual Studio Code 安裝位置:https://visualstudio.microsoft.com/zh-hant/dow...

鐵人賽 Modern Web DAY 3

技術 Day-3 你掉的是這個金React、銀React,還是這個普通React呢?

從標題就應該知道了 我們這個系列要用的 FrameWork 是 React.js。 等等,那到底什麼是 FrameWork,說一下啦。 好的那就必須要來到湖中女...

鐵人賽 自我挑戰組 DAY 3
React基礎 系列 第 3

技術 第三天,React關於JSX

JSX 1.JSX語法是React.createElement的簡寫語法,要使用它需要匯入(import)react函式庫,並且要透過babel工具編譯才可以。...

鐵人賽 Modern Web DAY 2

技術 Day-2 少年,你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起,當年四代火影… 別,先別關,我好好講還不行嗎 就算沒有寫過網頁的人,應該也聽過前端網頁三本柱,也就是 HTML、CSS、...

鐵人賽 自我挑戰組 DAY 2
React基礎 系列 第 2

技術 第二天,React的變數竟然可以放html的tag,這個功能叫JSX

JAVA SCRIPT 是不能接受變數中有html標籤如之類的。 而這個可以接受html標籤的功能叫JSX,就是可以將一般的內容加上HTML的標籤使用。 而這個...

鐵人賽 Modern Web DAY 1

技術 Day-1-React自我挑戰之旅

嗨大家好我是 Chris 這次是我第一次參加鐵人賽,是我給我自己的挑戰,內容主要是分享我如何從零開始自學React,逐步邁向目標的過程,裡面會參雜著目前我對 R...

鐵人賽 自我挑戰組 DAY 1
React基礎 系列 第 1

技術 第一天,直接用html來寫React的Hello world

React的Hello world react 最簡單的呈現,就是在notepade隨便打開一頁,貼上以下的內容,就檔案存成index.html,之後直接開啟檔...

技術 React 在 JSX 中嵌入JavaScript表達式-大括號{}

React 在 JSX 中嵌入JavaScript表達式-大括號{} import React from 'react'; //一、用function來實現...

技術 React圖文元件,重覆使用

React圖文元件,重覆使用 利用一個元件,傳入多個網路圖片位置及文件名稱,做成類似相冊的東西。 index.js import React from 're...

技術 react 第二天,將Hello world 裝入變數中(JSX)

react 第二天,將Hello world 裝入變數中(JSX) 這和昨天的差不多,只不將Hello react移到外面。 <!DOCTYPE html...

技術 React三種使用CSS方法

React兩種使用CSS方法 一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...

技術 React的路由功能:將Index.js的頁面,指派到Router.js,再由它去指派要渲染的元件。

1.將index.js的頁面,指派到Router.js import React from 'react'; import ReactDOM from 'rea...

技術 React路由Router及Link to

React路由Router及Link to 需安裝react-router及react-router-dom npm install react-router...

技術 React的props與state(下)

React的props與state(下) states 是元件內部狀態 State只能在 Class中使用。State的資料結構就是一個物件JavaScript...

技術 React 的事件觸發及事件綁定

一、事件觸發 JSX與HTML中的語法比較: 1.事件觸發在Html的寫法是全部小寫在JSX中是採用駝峰式命名法 2.呼叫函式由"action()&q...

技術 React的props與state(上)

React的props與state(上) props 的資料結構就是一個物件JavaScript Object,就像是var props={name:'jack...

技術 React中自行定義新的Component組件:

React中自行定義新的Component組件: 一個React Component除了有重要的替換render()外,將會有屬性(props)跟狀態(stat...

技術 React關於DOM

DOM 就像下面的程式碼,DOM就是html、head、body、div、tr、td之類的。 <!doctype html> <html la...

技術 React關於JSX

JSX 1.JSX語法是React.createElement的簡寫語法,要使用它需要匯入(import)react函式庫,並且要透過babel工具編譯才可以。...

技術 React 的 export default和export明明是兩兄弟,但卻不一樣。

React 的 export default和export明明是兩兄弟,但卻不一樣。 export default 一個js只有一個回傳值,用export de...

技術 三種React Componemt元件,功能類似,但有一些微妙的不同

三種React Componemt元件,通通都可以使用,但有一些微妙的不同 以下這三個元件的功能是相類似的。 以class 建立的元件 1.需要繼承React....

技術 React Class Component 生命週期 - Update/Unmount 篇

挑戰 React 第二十二篇 上篇講到生命週期主要分成以下四大類: Mounting Updating Unmounting Error Handling...

技術 React Class Component 生命週期 - Mounting 篇

挑戰 React 第二十一篇 主要分成以下四大類: Mounting Updating Unmounting Error Handling Mounting...

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

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

技術 React 學習筆記_19(在React中使用Axios調用JSON-Server數據)

簡介 axios 是一個基於 Promise 的 HTTP 客戶端,專門服務於瀏覽器和 node.js 。 功能 在瀏覽器中傳送 XMLHttpRequest...