addressbook

Month: 2015-08

2015-08-03

cosmo 10:38:07
@cosmo has joined the channel
roro 15:01:13
@wowdy has joined the channel
roro 15:04:50
@wowdy has left the channel

2015-08-14

ernestojc 14:03:56
@ernestojc has joined the channel

2015-08-19

hydai 11:31:27
@hydai has joined the channel

2015-08-23

nicky 01:44:00
@nicky has joined the channel
superbil 21:02:23
@kcliu: @mlwmlw: 在填坑的兩位,你們要不要 merge 一下 :stuck_out_tongue:
mlwmlw 22:02:08
只是我走了一條好似無法 merge 的路 :sob:
superbil 22:02:51
@mlwmlw: 我剛剛跟 @kcliu 聊了聊,我們就把舊的丟了吧!
kcliu 22:03:08
就直接在 g0v 上開一個 react.addressbook 吧
mlwmlw 22:03:55
喔喔!
superbil 22:04:24
就你覺得可以之後,我們直接 fork 到 g0v 底下這樣就行了,舊的會標示說"已死"
mlwmlw 22:06:54
嗯,那我就先把原本專案的東西再整理進來
superbil 22:07:41
好的 @kcliu 說他可以幫忙
kcliu 22:07:57
嗯嗯 不過我 react 剛開始學而已 XD
mlwmlw 22:08:52
我現在問題是不太知道之前有哪些功能已經可以動了,因為之前舊版的 api 我也沒跑起來,所以連結果都查不回來,也不知道會長什麼樣子..
mlwmlw 22:09:11
我也剛學而已..XD
mlwmlw 22:11:22
redux 也是..,前一個練習用 flux 寫起來卡卡的,看完 https://www.youtube.com/watch?v=xsSnOQynTHs 覺得很有趣,就想要來試試看

YouTube

Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015

kcliu 22:11:25
之前應該也沒啥功能吧 就是查詢而已
mlwmlw 22:12:02
只是就不確定是不是跟原本的樣式一致
mlwmlw 22:12:30
還沒加上 css 的 tool 只是把編好的結果放進來
kcliu 22:12:35
okok
kcliu 22:12:48
那可以直接 fork 到 g0v 底下後開 issue
kcliu 22:12:55
我再來認領
kcliu 22:14:58
有點想玩 postcss
mlwmlw 22:17:25
怎麼 fork 到 g0v 底下?
superbil 22:18:20
要幫忙?
superbil 22:18:32
一句話我就立馬 fork XD
mlwmlw 22:19:58
fork 到 g0v 以後是誰能管理那個 repo 哩
kcliu 22:21:04
印象中是 member 的話都可以吧
mlwmlw 22:21:25
postcss 好像很先進,我都沒發露到 css 的發展 XD
superbil 22:21:43
你不在 g0v group 裡面阿,我加一下
mlwmlw 22:22:00
現在用 react 做好像都會把 css 跟 component 包在一起?我是也還沒摸到這部份
kcliu 22:22:12
嗯嗯 好像是
mlwmlw 22:22:29
對阿 我還沒在 group 裡
superbil 22:22:36
剛送了
kcliu 22:22:52
就我看 vtaiwan 有用 postcss 所以也想玩玩看
mlwmlw 22:25:56
看了一下 O3 對 postcss 的介紹,才想到之前也有讀過那篇文章
kcliu 22:29:40
superbil: 那你要 fork 了嗎 XD
superbil 22:29:57
我準備好了,你們勒?
mlwmlw 22:32:12
是可阿 會有什麼副作用嗎:kissing:
superbil 22:33:10
https://github.com/g0v/react.addressbook

GitHub

g0v/react.addressbook

react.addressbook - g0v kuansim addressbook rewrite in reactjs

superbil 22:33:31
副作用一下想不到,應該是沒有
superbil 22:33:46
應該都有權限吧?沒有的話跟我說
kcliu 22:35:18
mlwmlw: 不直接用 gh-pages 來 deploy 嗎
superbil 22:35:30
issues 就自己開嘍 :stuck_out_tongue:
mlwmlw 22:36:42
@kcliu: 可以阿~只是我現在還有點亂搞 demo 把 dev tool 都打開了,會在弄一下
kcliu 22:37:02
嗯嗯
mlwmlw 22:38:25
我是要被加到 g0v organization 才能 push 嗎
kcliu 22:39:10
應該是
kcliu 22:44:03
mlwmlw: 我剛看 invitation 已經寄給你了
mlwmlw 22:46:03
欸,只是我不曉得去哪裡接收?email 還是 github 的站內訊息都沒看到耶
kcliu 22:49:49
咦..理論上是在 github 站內
mlwmlw 22:50:46
被 github 討厭了(?)..
kcliu 22:51:13
你可以按 join 嗎
mlwmlw 22:51:33
沒權限看這頁耶
kcliu 22:52:01
orz
kcliu 22:53:16
這裡呢
mlwmlw 22:55:33
有耶!可以了,感謝
kcliu 22:58:08
:tada:
superbil 23:10:41
:+1:
kcliu 23:24:36
mlwmlw: 請教一下, 為何不用寫 jsx ?
mlwmlw 23:27:29
應該是 webpack.config 裡面的 { test: /\.js$/, exclude: /node_modules/, loaders: ['react-hot', 'babel?stage=0&optional=runtime’]} 設定決定的
mlwmlw 23:28:02
只是神奇的工作就不確定是不是在 babel loader 裡面發生的了@_@
kcliu 23:28:30
soga @@
kcliu 23:31:11
但我覺得 code 看起來是 jsx
mlwmlw 23:34:37
的確是 jsx 只是我看的範例,沒有把 jsx 的副檔名取成 jsx
kcliu 23:35:41
hmm XD
mlwmlw 23:36:37
不曉得是在 babel-loader 還是在 react-hot-loader 自動判斷程式的內容就處理掉了
mlwmlw 23:37:13
想一想可能比較像是 react-hot-loader 會做的事齁
kcliu 23:37:48
看起來是那行沒錯
kcliu 23:38:30
因為我看其他 project 的 webpack.config.js 都是寫 `{ test: /\.jsx?$/, exclude:[/node_modules/], loader: 'babel-loader' },`
mlwmlw 23:38:35
邏輯應該是把所有 js 都當成 jsx 先處理,babel 再把 es6 轉 es5
mlwmlw 23:38:57
疑疑 所以是 babel-loader 在處理 react 喔
kcliu 23:39:35
應該只是先轉 es5 吧
mlwmlw 23:41:21
https://github.com/webpack/react-starter/issues/48

GitHub

Use babel-loader instead of jsx-loader · Issue #48 · webpack/react-starter · GitHub

I think it would be nice to switch to Babel instead of jsx-loader as it's got better ES6 support.

mlwmlw 23:41:47
所以 babel-loader 可以取代 jsx-loader 的工作
mlwmlw 23:42:22
又可以轉 es5 ,所以才不用分 jsx or js 了吧!
kcliu 23:43:12
語意上可能 .jsx 還是比較好判別吧 XD
mlwmlw 23:44:46
嗯阿!我也有想到這個問題,都改成 jsx 是比較好判別
mlwmlw 23:45:25
我也是照範例寫了一陣子才發現這件事XD
kcliu 23:49:40
你是看哪邊的範例?

2015-08-24

mlwmlw 00:09:07
看了好幾個耶 https://github.com/gaearon/redux-devtools/blob/master/examples/counter/webpack.config.js

GitHub

gaearon/redux-devtools

redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI

mlwmlw 00:12:25
不曉得是 redux 的作者沒在 jsx,所以我看 redux 的範例也大都沒 jsx ?! 還是已經變慣例了
kcliu 02:19:41
謝啦我也來學習一下 XD

2015-08-25

fly 10:05:18
@leo424y has joined the channel