React (JavaScript library)

React
原作者	Jordan Walke
開發者	Meta同埋社群
初始版本	2013年5月29號， 11年之前
最新發布	19.0.0 / 2024年12月5號年， Error: first parameter cannot be parsed as a date or time.
測試版	19.0- beta / 2024年4月25號， 13個月之前
程式語言	JavaScript
平台	Web platform
軟件類別	JavaScript library
許可協議	MIT License
庫	github.com/facebook/react ;

React（又叫React.js或者ReactJS）係一個免費同開源嘅前端 JavaScript library^[4]^[5]，用嚟建立基於元件嘅用戶界面。係由Facebook Inc開發。由Meta（前稱Facebook）同埋一個個體開發者同公司嘅社群維護。^[6]^[7]^[8]

React可以用嚟開發單頁應用, 手機, 或者服務器端渲染嘅應用, 用Next.js呢啲框架。由於React只係關注用戶界面同渲染元件到DOM，React應用通常會依賴其他庫嚟做路由同其他客戶端功能。^[9]^[10] React嘅一個關鍵優點係佢只會重新渲染有變動嘅部分，避免咗唔必要嘅DOM元素重渲染。佢喺2013年5月29號首次推出。

重要功能

聲明式

React遵循聲明式編程範式。^[11]^:76開發者設計每個應用狀態嘅視圖，當數據變更時React會更新同渲染元件。呢個同命令式編程唔同。^[12]

元件

React代碼係由叫做元件嘅實體構成。^[11]^:10-12 呢啲元件係模塊化同可重用嘅。^[11]^:70 React應用通常由多層元件組成。元件會用React DOM庫渲染到DOM嘅根元素。渲染元件時，值會通過“props”（“properties”嘅簡稱）喺元件之間傳遞。元件內部嘅值叫做“state”。^[13]

React中聲明元件嘅兩種主要方法係函數元件同類元件。^[11]^:118^[14]^:10

函數元件

函數元件用接受單一“props”參數並返回JSX嘅函數（用JavaScript函數語法或者箭頭函數表示）嚟聲明。從React v16.8開始，函數元件可以用useState鉤子嚟使用state。

React鉤子

2019年2月16號，React 16.8向公眾發布，引入咗React鉤子。^[15] 鉤子係啲函數，讓開發者可以喺函數元件中使用state同其他React功能，而唔需要用類元件。^[16] 常用嘅鉤子包括useState、useEffect同useContext。

參考文獻

↑ Occhino, Tom; Walke, Jordan (2013年8月5日). "JS Apps at Facebook". YouTube. 原先內容歸檔喺2022年5月31日. 喺2018年10月22日搵到.
↑ "React v19". 2024年12月5號. 喺2024年12月5號搵到.
↑ "What's new in React 19". 原先內容歸檔喺2024年5月12日. 喺2024年5月12日搵到.
↑ "React - A JavaScript library for building user interfaces". reactjs.org (美國英文). 原先內容歸檔喺2018年4月8日. 喺2018年4月7日搵到.
↑ "Chapter 1. What Is React? - What React Is and Why It Matters [Book]". www.oreilly.com (英文). 原先內容歸檔喺2023年5月6日. 喺2023年5月6日搵到.
↑ Krill, Paul (2014年5月15日). "React: Making faster, smoother UIs for data-driven Web apps". InfoWorld. 原先內容歸檔喺2018年6月12日. 喺2021年2月23日搵到.
↑ Hemel, Zef (2013年6月3日). "Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews". infoq.com (美國英文). 原先內容歸檔喺2022年5月26日. 喺2022年1月11日搵到.
↑ Dawson, Chris (2014年7月25日). "JavaScript's History and How it Led To ReactJS". The New Stack (美國英文). 原先內容歸檔喺2020年8月6日. 喺2020年7月19日搵到.
↑ Dere 2017.
↑ Panchal 2022.
↑ ^11.0 ^11.1 ^11.2 ^11.3 Wieruch 2020.
↑ Schwarzmüller 2018.
↑ "Components and Props". React. Facebook. 原先內容歸檔喺2018年4月7日. 喺2018年4月7日搵到.
↑ Larsen 2021.
↑ "Introducing Hooks". react.js. 原先內容歸檔喺2018年10月25日. 喺2019年5月20日搵到.
↑ "The State of JavaScript 2019: Front-end Frameworks". State of JS. 原先內容歸檔喺2020年7月9日. 喺2020年7月9日搵到.

Template:Wikipedia books webarchive模錯：檢查|url=參數。空。

參見

webarchive模錯：檢查|url=參數。空。

[initialrelease-1] Occhino, Tom; Walke, Jordan (2013年8月5日). "JS Apps at Facebook". YouTube. 原先內容歸檔喺2022年5月31日. 喺2018年10月22日搵到.

[wikidata-c30e93f786fb33e1ab05526ee252ec9ef937f700-v3-2] "React v19". 2024年12月5號. 喺2024年12月5號搵到.

[customelements-3] "What's new in React 19". 原先內容歸檔喺2024年5月12日. 喺2024年5月12日搵到.

[react-4] "React - A JavaScript library for building user interfaces". reactjs.org (美國英文). 原先內容歸檔喺2018年4月8日. 喺2018年4月7日搵到.

[5] "Chapter 1. What Is React? - What React Is and Why It Matters [Book]". www.oreilly.com (英文). 原先內容歸檔喺2023年5月6日. 喺2023年5月6日搵到.

[6] Krill, Paul (2014年5月15日). "React: Making faster, smoother UIs for data-driven Web apps". InfoWorld. 原先內容歸檔喺2018年6月12日. 喺2021年2月23日搵到.

[7] Hemel, Zef (2013年6月3日). "Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews". infoq.com (美國英文). 原先內容歸檔喺2022年5月26日. 喺2022年1月11日搵到.

[8] Dawson, Chris (2014年7月25日). "JavaScript's History and How it Led To ReactJS". The New Stack (美國英文). 原先內容歸檔喺2020年8月6日. 喺2020年7月19日搵到.

[FOOTNOTEDere2017-9] Dere 2017.

[FOOTNOTEPanchal2022-10] Panchal 2022.

[FOOTNOTEWieruch2020-11] 11.0 ^11.1 ^11.2 ^11.3 Wieruch 2020.

[FOOTNOTESchwarzmüller2018-12] Schwarzmüller 2018.

[13] "Components and Props". React. Facebook. 原先內容歸檔喺2018年4月7日. 喺2018年4月7日搵到.

[FOOTNOTELarsen2021-14] Larsen 2021.

[15] "Introducing Hooks". react.js. 原先內容歸檔喺2018年10月25日. 喺2019年5月20日搵到.

[16] "The State of JavaScript 2019: Front-end Frameworks". State of JS. 原先內容歸檔喺2020年7月9日. 喺2020年7月9日搵到.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]