react進階

參看react中文文檔的react高級指南

JSX

只是React.createElement(component, props, ...children)的語法糖

PropTypes

可以利用propTypes進行內(nèi)容檢查负溪,但是由于性能問題祝闻。只在開發(fā)模式下使用,后續(xù)有需求再去研究馏颂,先不做了解蛮艰。

靜態(tài)參數(shù)檢查

一般大型項目都采用Flow或者Typescript贱鼻。后續(xù)需要使用時在看喻奥。

refs 和Dom

可以利用refs來取得dom對象。后續(xù)使用細看赖欣,目前只是有個概念屑彻。

不受控組件

利用refs配合表單元素可以快速對接react验庙。defaultValue可以設(shè)置不受控組件默認值。需要在使用中探索社牲。

不使用ES6

將ES6語法利用ES5替代粪薛,需要的時候再細看。

不使用JSX

所有的JSX都是React.createElement(component, props, ...children)的語法糖

一致性比較(reconciliation)

react樹的對比算法搏恤,目前知識有點了解违寿,需要使用后再回頭看看。

上下文(context)

不熟悉redux的不建議使用- -實驗性API挑社。等需要用的時候再看存不存在吧。

片段(fragments)

對于處理表格或列表來說是個很好的解決方案巡揍。fragment中只有key屬性痛阻。

插槽(portals)

portal可以將子元素掛載在任意dom元素中。而且可用事件冒泡做更高級的抽象(事件冒泡這一塊需要了解)

錯誤邊界(Error Boundaries)

react16的新概念腮敌。定義了componentDidCatch(error, info)的新生命周期方法阱当。

錯誤邊界 無法 捕獲如下錯誤:

  • 事件處理 (了解更多
  • 異步代碼 (例如 setTimeout 或 requestAnimationFrame 回調(diào)函數(shù))
  • 服務(wù)端渲染
  • 錯誤邊界自身拋出來的錯誤 (而不是其子組件)

目前還在了解概念階段,都只是簡單了解糜工。后續(xù)有所體會再來接著補充弊添。如果真的使用react開發(fā)的話。應(yīng)該要說的很多都在進階這一塊里面捌木。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末油坝,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子刨裆,更是在濱河造成了極大的恐慌澈圈,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帆啃,死亡現(xiàn)場離奇詭異瞬女,居然都是意外死亡,警方通過查閱死者的電腦和手機努潘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門诽偷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人疯坤,你說我怎么就攤上這事报慕。” “怎么了压怠?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵卖子,是天一觀的道長。 經(jīng)常有香客問我刑峡,道長洋闽,這世上最難降的妖魔是什么玄柠? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮诫舅,結(jié)果婚禮上羽利,老公的妹妹穿的比我還像新娘。我一直安慰自己刊懈,他們只是感情好这弧,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著虚汛,像睡著了一般匾浪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上卷哩,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天蛋辈,我揣著相機與錄音,去河邊找鬼将谊。 笑死冷溶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的尊浓。 我是一名探鬼主播逞频,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼栋齿!你這毒婦竟也來了苗胀?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤瓦堵,失蹤者是張志新(化名)和其女友劉穎柒巫,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谷丸,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡堡掏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了刨疼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泉唁。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖揩慕,靈堂內(nèi)的尸體忽然破棺而出亭畜,到底是詐尸還是另有隱情,我是刑警寧澤迎卤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布拴鸵,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏劲藐。R本人自食惡果不足惜八堡,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望聘芜。 院中可真熱鬧兄渺,春花似錦、人聲如沸汰现。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽瞎饲。三九已至口叙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間嗅战,已是汗流浹背妄田。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留仗哨,地道東北人形庭。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓铅辞,卻偏偏與公主長得像厌漂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子斟珊,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 原教程內(nèi)容詳見精益 React 學(xué)習(xí)指南苇倡,這只是我在學(xué)習(xí)過程中的一些閱讀筆記,個人覺得該教程講解深入淺出囤踩,比目前大...
    leonaxiong閱讀 2,810評論 1 18
  • 以下內(nèi)容是我在學(xué)習(xí)和研究React時旨椒,對React的特性、重點和注意事項的提取堵漱、精練和總結(jié)综慎,可以做為React特性...
    科研者閱讀 8,219評論 2 21
  • 深入JSX date:20170412筆記原文其實JSX是React.createElement(componen...
    gaoer1938閱讀 8,048評論 2 35
  • 3. JSX JSX是對JavaScript語言的一個擴展語法, 用于生產(chǎn)React“元素”勤庐,建議在描述UI的時候...
    pixels閱讀 2,806評論 0 24
  • 本文主要談自己在react學(xué)習(xí)的過程中總結(jié)出來的一些經(jīng)驗和資源示惊,內(nèi)容邏輯參考了“深入react技術(shù)棧”一書以及網(wǎng)上...
    AirCloud閱讀 853評論 0 1