項目地址 預覽地址 原文地址 記錄最近做的一個 demo，前端使用 React，用 React Router 實現前端路由，Koa 2 搭建 API Server， 最后通過 Nginx 做請求轉發。 這是第一篇，主要介紹下前端代碼的構建、React router 使用中遇到問題，以及前端開發 ...

第一部分：瀏覽器 　　瀏覽器推薦chrome瀏覽器、FireFox瀏覽器。 　　1. chrome瀏覽器因為集成了Google Developer Tools（谷歌開發者工具），因此大受歡迎。 ...

在開發中使用了vue之后，會感受到vue比jquery高效不少，一個指令可以省略不少代碼，但當學習和使用了react之后感覺更有趣的也出現了，就是喜歡上了比較vue和react的異同。今天就簡單談談兩者的部分差異。 首先，除了react使用虛擬DOM一大亮點外，我們先從直觀的地方比較下兩者的差異 ...

一. 添加typescript 用 yarn create react-app my-app --typescript 創建基礎項目， 　用 yarn add typescript @types/node @types/react @types/react-dom @types ...

先，我們需要明確的是React和很多前端框架一樣，底層都還是js以及html，即便它有着看似特殊的jsx語法。 我們要在服務端運行js，就需要依賴一個環境，和運行war包需要tomcat一類中間件一樣，運行js需要node.js， 同時因為我們用了各種框架，所以相應的module依賴也需要 ...

前言 此文為ssr三部曲的第一部，前文在這 這個版本的代碼在這 安裝依賴 typescript 安裝typescript，並初始化一個tsconfig.json出來 babel7開始，新 ...

上一期我們使用了React官方的腳手架運行React應用。大家可能會覺得這種方法很繁瑣，需要配置各種第三方插件。JQuery時代的前端真是讓人懷念。這一期，我就帶領大家創建一個“懷舊版”的React應用。 一. 文件結構一覽 這次項目的文件結構相當簡單，一個index.html和scripts ...

在最近的開發和之前的的使用中，我們一般面對需要適應多端的項目或者需要移動端多設備的適應，都可能會引入rem，em這樣的單位。 如果你要着手一個以上類似的項目，我們也同樣建議使用rem或者干脆引入框架 ...