技術 【Day8 React】從拆解電子名片學習 React Components #Part2

今天講解把如何模組化程式碼 前提：我們目前所有的程式碼都放在 index.html 裡面，分別嵌入了 React, React-dom, babel 的 CDN...

技術 【Day7 React】從拆解電子名片學習 React Components #Part1

把整張名片作為一個 component 每一個 component 外層都會用一個 class 包起來。extends 指的是 React.component...

技術 【Day6 React】學習都是從觀摩他人的 code 開始

Codepen 是寶庫！！ 我是一個喜歡把玩顏色、嘗試各種介面風格的人，因此 codepen 是我經常使用的工具，更棒的是，可以在上面看到各種高手，用著千奇...

技術 【Day4 React】終於跟 World 說 Hello World!

簡易起手式，我使用 CDN 引入 React 來理解 React 的運作原理 我們需要的 CDN 有三個： 最基本的 React CDN React 在 0....

技術 【Day3 React】認識 JSX Syntax

理解 JSX 在撰寫 React Component 的時候，使用 JSX 可以提高程式撰寫的效率。JSX（JavaScript Extention）並不是一種...

技術 【Day2 React】React 環境設定 採用 Webpack 和 Babel

一個 React 的專案中我們需要什麼樣的函式庫？ React.js core library React DOM library 這次不僅學習 React...

達標好文 技術 【Day1 React】What the hell is React?

鼓起勇氣挑一個沒有接觸過的 ReactJS 來挑戰希望在這30天內可以盡最大所能挖掘 React 的奧秘！ 作品懶人包由於我喜歡嘗試各種新的可能因此在這30天內...

技術 [Day 4] Node.js 的 Document (1) - 與 ES6 的友好關係

前言 花了 3 天篇幅大致說完了 Node.js 外圍的事情，也該說說 Node.js 的內在。 看書第一件事情我習慣先看書背、目錄，Node.js 文件目錄...

活動 [活動分享] 前端社群工作坊 --3月課程-設計師撈過界

Hello, 剛看到前端社群開課，特來分享給大家 ^^ 課程包含基礎 HTML、 CSS 教學、利用 Tumblr 做出作品集、MVP 網頁。 Tumblr 有...