hihihi123hk

咁其實用返你之前個邏輯，調返轉咁諗，未有 Hooks 既 React 如果好似你講到咁差，但都有咁多人用 Re ...
fx360bx 發表於 2019-9-24 23:50

好早提到 Angular 迫人用 Typescript 啊  

Typescript 啲 Typing 要用得好，其實仲難過一般 C++/Java 好多人真係身心都未 Ready

仲有當年印象中 typescript 仲未有 type inference，即係一定要 specify 個 Type 係乜，仲要好少 library 有 ts definition，要花好多時間要自己做個 type definition 先真正用到 typescript 嘅強大之處，如果你下下接受到用 any 咁你不如用番 js 算喇

所以你呢代就幸福喇，乜都已經有 所以先感覺唔到啲人點解唔揀 Angular 走咗去用 React

via HKEPC IR Extreme 4.2.3 - iOS(4.0.2)

fx360bx

1. 變成
function Comp() {
  const router = useRouter()
  const style = useStyle()
  return ...
}
...
hihihi123hk 發表於 2019-9-24 23:48

    咁但係既然 Vue 一早已經有咁多方法去 share data，點解當 React 出左 Hooks，你又會認為有 Hooks 既 React 好過 Vue？

fx360bx

好早提到 Angular 迫人用 Typescript 啊   

Typescript 啲 Typing 要用得好，其實仲難過一般 C+ ...
hihihi123hk 發表於 2019-9-25 00:10

    TypeScript 應該只係其中一小部分，個真正死因應該係 flexibility。除左 TypeScript，其他野都 by default 有齊曬監你用。

https://jsreport.io/why-is-react-more-popular-than-angular/

我記得我大約兩年前寫 TypeScript 我會用 any。不過我唔覺得有 TypeScript 你就好似有強迫症咁要整到啲 typing 好完美…如果 Angular 有佢既好處，而唯一壞處係迫你用 TypeScript，你咪乜都用 any type 囉…唔知 "any" 喺你講既果段時間有未呢…

hihihi123hk

咁但係既然 Vue 一早已經有咁多方法去 share data，點解當 React 出左 Hooks，你又會認為有 Hooks  ...
fx360bx 發表於 2019-9-25 00:11

React  function based 嘅自由度比到好多彈性比 Developer，理論上冇野做唔到，非常強大

但係一直卡係 Code Share 問題上搞到一啲都唔好 Maintain（未有 Hook 前啲關係圖真係 Trace 到癲 ，例如漏咗一個 HOC 而出咗事未必即刻搵到，或者啲人手勢唔到啲 HOC 有 dependency 又係 Trace 到佛誕先發現）

Build UI 黎講，Given that 有條 Abstract Syntax tree definition，用 React 可以好簡單寫個 Recursion 去 Render 呢條 Tree

而其它兩個要做同樣嘅野一定冇咁直接

所以 Hooks 從根本上解決咗 React 過往好多問題，令佢今次係真.強大

加埋有 MobX 呢個 Data framework，可以寫到一個好好 Maintain 嘅 React Project

你拎 TODO List 出黎做例係冇可能感受到，舊 React 有幾難 Maintain

大佬，打工黎講，最緊要快、高質素、易 Maintain，React 冇 Hook 基本上你快、易 Maintain 已經好難做（唔係做唔到，係 Relatively 花大嘅氣力先得，而事實証明呢個氣力係唔值得），你睇有 Hook 個世界已經唔同咗

當你知道 React（冇 Hook 前）做 Web 根本唔稱得上係正途（即明明有更 Productive 嘅工具）時候，仲點會推介比人

而 Vue，好老實真係冇乜投訴，做 Web 黎講夠用有突。

via HKEPC IR Extreme 4.2.3 - iOS(4.0.2)

fx360bx

Build UI 黎講，Given that 有條 Abstract Syntax tree definition，用 React 可以好簡單寫個 Recursion 去 Render 呢條 Tree

    其實你講既呢樣係咩黎架？幾何需要咁做？

加埋有 MobX 呢個 Data framework，可以寫到一個好好 Maintain 嘅 React Project

    想問點解唔揀 Redux？咩情況下 prefer MobX over Redux？

你拎 TODO List 出黎做例係冇可能感受到，舊 React 有幾難 Maintain

雖然我個 project 未至於細到一個 todo list 咁，不過我應該冇心機轉用 HOC 寫多次

hihihi123hk

其實你講既呢樣係咩黎架？幾何需要咁做？



    想問點解唔揀 Redux？咩情況下 prefer MobX over Re ...
fx360bx 發表於 2019-9-25 00:34

而家

你有一份 Markdown

變到一條 HTML Tree

再變做一個 JSON (Standard definition)
https://github.com/syntax-tree/hast

你拎住個 JSON 想變去你自己啲 Component Tree

例如 HTML Tree 其中一個 Node
<p>123</p> -> <Paragraph>123</Paragraph>

例如 Markdown 寫
<script xxxx/> -> <Helmet><script xxxx/></Helmet>

可以 Mount 番個 script 上去

當然有人會話咁直接 dangerousSetInnerHtml + CSS 咪得囉，咁咪代表你唔可以自己加 Logic ，例如想某啲 <a> 想轉做 Button 有 Logic 想行例如 analytic logging、想啲 script 用 Portal mount 番落理想位置又做唔到


同樣道理，如果你想做 dynamic UI，Backend 只要回一條 Tree definition 比你就可以變到個神奇 Dynamic UI 齊 Feature，用 React 輕鬆做到   

咁以後 Backend 就可以輕鬆控制出啲乜野 Content ，當然好多人會選擇 static template + data 已經夠用

via HKEPC IR Extreme 4.2.3 - iOS(4.0.2)

fx360bx

而家

你有一份 Markdown

變到一條 HTML Tree

再變做一個 JSON (Standard definition)


你拎住個 JSON ...
hihihi123hk 發表於 2019-9-25 00:44

    咁你要做既野都算係幾複雜喎，你已經係整緊啲好 complex 既 components。如果我冇理解錯你意思，你係要整一個 customizable 既 markdown viewer/renderer component？我相信都唔係啲一般人或者一般公司會做既野…似係啲 software house develop 自家 UI library 賣畀人用？

咁以後 Backend 就可以輕鬆控制出啲乜野 Content ，當然好多人會選擇 static template + data 已經夠用

你意思你個 markdown 係 config files，config 個頁面顯示乜野 components？
因為我而家都做緊類似既野，不過我啲 config 就係 JS 同 JSX 黎，但就喺個 project 裡面，唔係讀入去，build 左之後冇得改。

hihihi123hk

咁你要做既野都算係幾複雜喎，你已經係整緊啲好 complex 既 components。如果我冇理解錯你意思，你係 ...
fx360bx 發表於 2019-9-25 00:55

其實只係一個普通嘅 Renderer, 就可以突顯 React 最具威力嘅地方

1. Design 好每個 Component 嘅 definition

2. Backend 回乜就 Dynamic Render，Content Owner 可以自己做到無限個配搭


Markdown 做例係因為普通人都識寫，天生有 Limited Definition 又有 Library 直播 JSON tree，拎呢個做 Proof of concept 就最好不過咁解

真正嘅玩法，直頭有個 UI Builder 係 CMS 比 Owner build 個 UI，儲低個 Definition，然後你 Web App/React Native App 就出到

所以絕對唔係罕見，好多 Utilities 都有機會咁做
via HKEPC IR Extreme 4.2.3 - iOS(4.0.2)

fx360bx

其實只係一個普通嘅 Renderer, 就可以突顯 React 最具威力嘅地方  

1. Design 好每個 Component  ...
hihihi123hk 發表於 2019-9-25 01:14

    咁你用 React 點做？React.createElement(el, styles, ...)？
點解其他做唔到既？

Btw 夜了，瞓先，多謝 ching 詳解。

hihihi123hk

咁你用 React 點做？React.createElement(el, styles, ...)？
點解其他做唔到既？

Btw 夜了，瞓先 ...
fx360bx 發表於 2019-9-25 01:21

入面有足夠多智慧去參考





利申：100% 自己啲 side-project，呢排國難所以暫緩咗未做完，做完就會 Open source

一般 Gatsby Blog 黎

via HKEPC IR Extreme 4.2.3 - iOS(4.0.2)