react與angular之淺談

來源:互聯網
上載者:User

標籤:

把react研究了一番,原動力並不是虛擬dom和響應速度,而是本著react native去的。

感覺react設計的不好,沒有把html,js分離,而是混在了一起,每個新設計的組件比如TestDiv,都必須在React.render下執行才能渲染,並且要指明包含該組件的容器,比如id為example的div等。這樣實現一個大的項目的結果,非常不直觀和繁瑣,實在不明白fb是怎樣想的

React.render(
<TestDiv data={{name:‘react‘,value:‘haha‘}} />,
document.getElementById(‘example‘)
);

相反,angular自訂指令,只需要在html頁面裡語義化的嵌入,比如 <div id="example"><TestDiv></TestDiv></div>就好,真正實現了html和js分離,保留了前端開發人員的開發習慣,而且資料是雙向繫結,不像react要通過props單向綁定和state雙向改變,整個設計思路清晰而簡單

 

如果是我,我會修改react變成類似angular那樣的自訂群組件(指令)嵌入到原生的html語義標籤類,然後用程式批量識別和渲染render,而不是要開發人員一個一個的自己render。fb需要提高使用者體驗,對於開發工具,要知道開發人員也是使用者。

 

react與angular之淺談

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.