iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

<法式Terrine : React next.js Chakra-UI styled-component 精緻的搭配> 系列

Bonjour!
在這30天內,從頭開始使用淺顯易懂的方式,帶領各位細細品嚐,每一層經過用心處理過的文字,每一層最精華的知識。 記錄下這幾個月的所知所學~

參賽天數 18 天 | 共 18 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 11

< 關於 React: 開始打地基| 事件處理 >

09-11-2021 本章內容 事件處理的不同寫法 事件處理 事件的值 React中的預設行為 將參數傳給 Event Handler 事件處理的不...

DAY 12

< 關於 React: 開始打地基| 依照條件render畫面 >

09-12-2021 前言:我們時常會在同一個頁面中需要顯示不同的畫面,可能是因為登入時的登入畫面或是按鈕的toggle情境,各式各樣的畫面顯示,使用條件re...

DAY 13

< 關於 React: 開始打地基| 表單內的顯示元素,map() ShowAdd 與Key >

09-13-2021 前言:當我們需要的資料越多越繁雜時,我們所需要的是一個可以快速把按照我們所需要呈現的方式。而map()就能幫我們乾淨的印出資料。 本...

DAY 14

< 關於 React: 開始打地基| 父組件、子組件、兄弟姐妹組件的關係 >

09-14-2021 本章內容 子組件更新父組件的狀態 設定組建間的狀態 設定組建間事件處理的程序 子組件更新其他兄弟姐妹的傳遞方式 確認子組件們之間...

DAY 15

< 關於 next.js: 開始打地基| Next中的Pages,究竟有什麼用途? >

09-15-2021 本章內容 pages意想不到的用途! 每個頁面都是以pages作為基準路徑 動態路徑使用說明書 有query對象 多個動態路徑...

DAY 16

< 關於 Next: 開始打地基| SSR (Server-Side Rendering) 跟 CSR (Client-Side Rendering) 的差別 >

09-16-2021 本章內容 SSR|CSR 你們是誰? SSR (Server-Side Rendering) CSR (Client-Side Ren...

DAY 17

< 關於 Next: 開始打地基| CSS的引入方式 >

09-17-2021 本章內容 添加樣式-全域樣式 添加樣式-模組化樣式 添加樣式-Sass 添加樣式-其他的框架 添加樣式-全域樣式 在Next.js...

DAY 18

< 關於 React: 開始打地基| 圖片的使用方式 >

React 圖片顯示 ?引入圖片(svg)-背景圖片 只需要将图片放到 public目录下 然后以此路径为起点设置路径就可以了 使用component sty...