元件介紹 Carousel 是一個像旋轉木馬一樣會輪流轉的輪播元件。在一個內容空間有限的可視範圍中進行內容的輪播展示。通常適用於一組圖片或是卡片的輪播。 Car...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-28
簡介 useReducer 簡單來說就是 useState 進階用法。而且寫法上其實跟 Redux 差異不大。我們就直接來看範例吧 寫法如下： const [s...
元件介紹 Card 是一個可以顯示單個主題內容及操作的元件，通常這個主題內容包含圖片、標題、描述或是一些操作。 例如在電商網站，一個商品或需要包含商品圖片、商品...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-27
前言 介紹 useContext 前，我們必須先認識 Context。 Context 概念有點像是 React 的全域變數概念，像是使用者登入狀態、樣式等等。...
第十一天囉～ 昨天我們說到 state ， 那我們如何去改變 state 呢？ 當我們直接改動 state ， 會發現， 畫面根本不會更新 like: clas...
阿毛
‧
2021-09-26
元件介紹 Accordion 是一個可折疊/展開內容區域的元件。主要是針對顯示內容複雜或很多的頁面進行分區塊的顯示及隱藏。 參考設計 & 屬性分析 元件...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-26
元件介紹 Tooltip 是一個文字彈出提醒元件，當 active 狀態時，會顯示對該子元件描述的文字。 參考設計 & 屬性分析 位置 相對於被包覆的子...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-25
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-24
元件介紹 Badge 可以讓我們在其 children element 的右上角(預設位置)顯示一個小徽章，通常用來表示需要處理的訊息數量，透過醒目的視覺形式來...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-23
沒有想到連假結束後的第一天就要冨樫了...，我工作的公司在新加坡，而我在台灣full remote，我們中秋放連假而新加坡那邊沒放假，導致一開工就滿多事情要處理...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-22
元件介紹 Upload 是一個上傳元件。幫助我們能夠發佈文字、圖片、影片、檔案到後端伺服器上。 參考設計 & 屬性分析 客製化上傳元件樣式 我們原生的...
前言 前兩天，我們知道了何謂 Component 、 Component 如何撰寫與 React 開發邏輯。而今天我們要進入 React 重頭戲，資料傳遞。我們...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-21
前言 昨天我們知道 Component 是什麼，與其優點。那我們今天就接續介紹在 Component 中使用表達式、以及如何客製化撰寫 Component 。...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-20
前言 昨天我們認識了 JSX 語法，透過 JSX 語法我們可以方便地在 JavaScript 中輕鬆撰刻畫 UI 介面。而今天我們要來認識 React 元件，了...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-19
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-18
前言 開始前我們先直接上一段程式碼 const element = <div style= {{ color: red }}>123</div...
HI，到了第二天，感覺每天寫一篇文章的感覺真的會有一種怠惰感，還是好好習慣吧 什麼是 React 先來介紹一下， React好了， 那他的歷史，是 2013 年...
阿毛
‧
2021-09-17
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-17
前言 React.js 是一套 JavaScript 函式庫，而其寫法也的確如同其字面上意思，寫起來最有 JavaScript 味道。因此在開始介紹 React...
連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...
谷哥
‧
2021-09-16
介紹JSX JSX 是一種在 JavaScript 裡面的標籤語法，讓我們可以在寫邏輯時使用 HTML 標籤。React 基本概念是：「建立元件，而不是樣板」。...
Taiming
chunwen
Moscle.dev
機器人幽默研究員
iThome鐵人賽
看影片追技術