iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

從Create到React—用來實作使用者介面的JavaScript函式庫 系列

希望藉由這次的鐵人賽將自己能夠帶給想要學習react的人,不論是在學習React前和學習React中,甚至已經學習過React的人,藉由我的文章還是能夠再多學習到一點什麼東西。
  文章預計除了教學內容以外,還有一些為什麼我們需要使用非官方的套件(例如redux),究竟解決了什麼問題或是達到了什麼樣的效果等等。

跟著我的文章的步伐,不乏融會貫通React。

希望能帶給大家一些幫助。

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v6.0
DAY 1

名稱與規劃—React生態系 library?framework?

破折號後的題目名稱由來 破折號後的名稱是來自於React繁體中文官方網站<header>的裡面的<h1>小字參見下圖 React是一個...

2022-09-16 ‧ 由 DannyChen 分享
DAY 2

解構賦值Destructuring assignment—為什麼需要和用途

什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...

2022-09-17 ‧ 由 DannyChen 分享
DAY 3

為什麼需要模組化?—ESModule模組介紹、React整理code技法與基本技巧

本文重點將會以ES6的Module為主 文章將會提到以下幾點 簡述Moduel歷史 什麼是module 基本用法 具名匯出、預設匯出 default匯出就像具...

2022-09-18 ‧ 由 DannyChen 分享
DAY 4

你所要知道的NPM基本知識關於package.json、semantic version及淺談update

觀看這篇文章將會提及以下內容 安裝nodeJs npm的本質 初始化npm 建立package.json 全域安裝 區域安裝 什麼是package.json...

2022-09-19 ‧ 由 DannyChen 分享
DAY 5

從編譯Sass實作來理解webpack前端自動化打包工具

圖片來源:webpack官方文檔 什麼是webpack 現代化的前端技術與以往不同,不僅是只有基本的HTML、CSS、Javascript,很多時候我們撰...

2022-09-20 ‧ 由 DannyChen 分享
DAY 6

從安裝webpack理解react與react-dom(without JSX)

本文章將安裝webpack和react library,實現一個最簡單的react App(不使用JSX),從中間接解釋安裝的library背後所做的事情,每個...

2022-09-21 ‧ 由 DannyChen 分享
DAY 7

用createElement淺談為什麼react需要jsx–feat.webpack編譯jsx

從安裝webpack理解react與react-dom(without JSX)這篇實作了打包react,這篇會延續其部分並編譯jsx另外也會介紹以下部分 c...

2022-09-22 ‧ 由 DannyChen 分享
DAY 8

create-react-app內容、優缺點、是否eject評估

先前提到撰寫一個react的應用程式就會需要以下步驟 安裝react和reactDOM 安裝webpack和webpack-cli 安裝bebal、scss等...

2022-09-23 ‧ 由 DannyChen 分享
DAY 9

在github page部署react—簡述為何重新整理出現404 feat.解決方案

本篇文章將會提及以下部分 如何部署react到github page? 為什麼react部署在github page上後重新整理會出現404 github p...

2022-09-24 ‧ 由 DannyChen 分享
DAY 10

用toDoList淺談原生JS、Vue、React寫法

在正式撰寫react前,本篇探討一下原生與vue和react的簡單版的toDoList寫法 初衷 根據stateofjs的統計目前知名的前三大前端框架為Reac...

2022-09-25 ‧ 由 DannyChen 分享