第十四屆

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

系列文章

DAY 1

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

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

DAY 2

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

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

DAY 3

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

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

DAY 4

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

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

DAY 5

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

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

DAY 6

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

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

DAY 7

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

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

DAY 8

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

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

DAY 9

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

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

DAY 10

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

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