使用webpack打包React.js 專案

上一篇我們終於在server 上把React.js 跑起來之後,就能繼續寫下去, 結果很快的我們就遇到另一個問題,那就是怎麼所有code 都擠在一塊了(yay,

我們上一篇解法的問題,在於我們template render 這個網頁之後,相關的檔案全塞在用 <script>引入的javascript 檔案裡, 然後這個文件就引不入其他文件了,而React 提倡的模組化該是能把各元件分別歸檔才是。
幸好,我們還是有解法的,利用webpack 讓我們把檔案分開,然後用webpack 打包成單一的 javascript 檔案,據說這種寫法就是入坑,9 因為一用了webpack 就脫不了身,之後都會綁死在webpack 上面。
網路上有些相關的文件,就來一步步跟著做:

...

使用bower安裝react 前端環境

最近寫message-viewer ,想在bottle.py 執行的server 上面跑React.js,於是就小找了一下, 基本上排除了使用 bottle-react 這種懶人套件,我想要的就是能直接寫,同時react jsx 也能在我的管控之下的設定。
後來找到這篇文章,照著它的步驟、跟留言的回覆做就成功了,在這邊整理一下:

...

使用GAE 回應fetch API

最近在寫GAE 上面的服務,把東西存進資料庫之後,開點API 讓使用者拿資料;這感覺就好像先蓋個大水槽裝滿水,然後在上面打洞讓水流出來讓使用者們喝(X
因為都2016 年了,被人說別再用XMLHttpRequest,趕快用 fetch API 吧, 就來研究一下GAE 要怎麼服務fetch API。

...

Google App Engine 使用taskqueue 在背景處理工作

最近小弟在用Google App Engine 開發一個網頁的服務,大體的內容是讓使用者上傳一個檔案,伺服器處理過後,讓使用者可以瀏覽處理後的內容。
因為檔案的大小一般都滿大的,處理起來一定會有延遲,如果handler 直接開始處理的話使用這一定會感受到網頁沒有回應, 最後請教了強者我同學 NNNN 大大,經大大指點,才知道Google App Engine其實有提供 taskqueue 來達成我要的功能。

...

Google App Engine 回應動態內容

j 文章標題是照翻原來的內文: Dynamic Image, 這次試著處理聲音,發現一樣可以使用,就記錄一下。

...

使用Google App Engine 處理前端ajax request

最近在學用GAE寫一個簡單的服務,結果一直鬼打牆,這時候就要來跟我念一遍:前.端.超.難.
這次是用了google app engine來處理ajax post,送一些base64 encode後的字串把資料送到server去,用的是ajax 來達成, ajax 其實跟一般的post, get沒什麼兩樣, 只是它不需要重新整理網頁,可以做到網頁內容即時的變換。

...

Javascript Worker

最近在寫一些前端的東西,深覺前.端.超.難.(yay) ,接觸了HTM5 javascript 的worker , 在這裡筆記一下:

...

 May 10, 2015 |    web  |    javascript  | 1 min  |  YodaLee

使用 python自動回應網頁

緣起:

這篇文的緣起是這樣的:
修了一門課要交作業,要從server上把資料下載下來,剖析資料之後建立模型,把模型回傳給server,server會再產生資料。
以上的上傳下載要重複幾次,server的介面是利用php寫的。
手動下載、建模型、上傳,這並不是個 smart 的工作方式:

  1. 來回數次用人做本來就慢
  2. 也是最重要的一點,人做容易出錯,出錯就會GG要重做。
...

 December 14, 2012 |    web , python  |    python  | 1 min  |  YodaLee