5
React Native & Relay: Bringing Modern Web Techniques to Mobile - YouTube (www.youtube.com)
siuying 積分 3
IngramChen 積分 0

你都寫完了 XD

我再試的時候發現 markdown 這塊不知怎麼處理,想說是該由 server 直接吐 jsx ,然後 mobile 直接 render。但是 render() 能吃string 直接跑嗎? 還找不到相關的資料

siuying 積分 2

我再試的時候發現 markdown 這塊不知怎麼處理,想說是該由 server 直接吐 jsx ,然後 mobile 直接 render。但是 render() 能吃string 直接跑嗎? 還找不到相關的資料

我現在是做一個 scraper 把 discussion 的 HTML 拿下來再顯示,如果是 markdown 的話也可以將之變 html 啦 (有很多 JS 的 library 做)。

但 react native 的 Text 似乎不能顯示 NSAttributedString。怎樣把 discussion 的 html 變成 native 的 rich text 我還在想。。。

siuying 積分 2
IngramChen 積分 0

看起來還不錯啊~

siuying 積分 0

最簡單的文字 work ,但一些 html box model 的東西 (vertical-align: super;, float: left) 等就不可能或很難辦到。

siuying 積分 1

在 react native 上直接吃 string 就不知道,但理論上 server side 可以直接把 view send 去 client,如 <Text>Hello</Text> 即是 React.createElement('Text', null, "Hello"),只要把 parameters pass 去 client side 便可。但這樣 server 就要懂得 client side 的rending ,太奇怪了。

IngramChen 積分 0

嗯,這個想法應該是行不通 (最少目前)

popcorny 積分 2 編輯於

感謝分享

原本我會把React Native跟Cordova/Titanium這些西做比較,但是顯然不是這樣。他們的出發點不同...

React Native並不是要Write Once Run Everywhere。他應該是想要把這種HTML Declarative + Reactive的model,從Web開發移到Native。這邊的Declarative又跟Android的xml不太一樣。有寫過React.js的應該知道,他用virtual dom的技術,並且透過diff來加快效能。所以跟native app react裡面寫的是imperative code不一樣,而改用類似HTML的Declarative描述。這其中的微妙之處,可能我要再吸收一下才能夠再體會。

IngramChen 積分 1

reactjs 是 virtual dom 不是 shadow dom. angular2 和 polymer 才是 shadow。

我沒記錯吧...

popcorny 積分 0

感謝Ingram大指正,我修改一下!!

IngramChen 積分 0

可惜現在只有 iOS,不然該寫個 kaif mobile 玩玩試試它的威力