成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

寫一本關(guān)于 React.js 的小書

Scorpion / 1390人閱讀

摘要：因?yàn)楣ぷ髦幸恢痹谑褂?，也一直以來想總結(jié)一下自己關(guān)于的一些知識(shí)經(jīng)驗(yàn)。于是把一些想法慢慢整理書寫下來，做成一本開源免費(fèi)專業(yè)簡(jiǎn)單的入門級(jí)別的小書，提供給社區(qū)。本書的后續(xù)可能會(huì)做成視頻版本，敬請(qǐng)期待。本作品采用署名禁止演繹國(guó)際許可協(xié)議進(jìn)行許可

React.js 小書 
本文作者：胡子大哈
本文原文：React.js 小書

轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息

在線閱讀：http://huziketang.com/books/react/

簡(jiǎn)介

這是一本關(guān)于 React.js 的小書。

因?yàn)楣ぷ髦幸恢痹谑褂?React.js，也一直以來想總結(jié)一下自己關(guān)于 React.js 的一些知識(shí)、經(jīng)驗(yàn)。于是把一些想法慢慢整理書寫下來，做成一本開源、免費(fèi)、專業(yè)、簡(jiǎn)單的入門級(jí)別的小書，提供給社區(qū)。希望能夠幫助到更多 React.js 剛?cè)腴T朋友。

由于水平有限，編寫的過程難免會(huì)有諸多錯(cuò)誤，也希望大家在看的過程中發(fā)現(xiàn)了問題，可以在 Github 上給該項(xiàng)目發(fā) Pull Request。衷心希望可以有更多的人參與到本書的編寫當(dāng)中。

（本書的后續(xù)可能會(huì)做成視頻版本，敬請(qǐng)期待。）

本書介紹

本書為有一點(diǎn)前端基礎(chǔ)的并且是 React.js 零基礎(chǔ)的同學(xué)而作，幫助他們掌握 React.js 并且靈活地把 React.js 應(yīng)用到實(shí)際項(xiàng)目當(dāng)中。如果你有一定的 HTML、CSS、JavaScript 基礎(chǔ)并且希望學(xué)習(xí) React.js，而又覺得 React.js 當(dāng)中有些概念比難以接受和理解，希望能夠從零開始學(xué)習(xí)，那么本書很適合你。但如果你已經(jīng)對(duì)前端已經(jīng)非常熟悉并且用過不少的前端框架和相關(guān)的組件化技術(shù)，建議你直接看官網(wǎng)文檔。

本書并不會(huì)文檔式地包含所有知識(shí)點(diǎn)，只會(huì)提煉實(shí)戰(zhàn)經(jīng)驗(yàn)中基礎(chǔ)的、重要的、頻繁的知識(shí)進(jìn)行重點(diǎn)講解，讓你能用最少的精力深入了解實(shí)戰(zhàn)中最需要的 React.js 知識(shí)和套路，輕裝上路。如果需要更多更全面的知識(shí)點(diǎn)，可以參看更多的官方文檔或者其他豐富的資料。

另外，本書全書采用 ECMAScript 2015，閱讀之前請(qǐng)確保自己已經(jīng)掌握了 ECMAScript 2015 的基本語法，否則閱讀起來會(huì)非常困難。

本書初定分為三個(gè)階段，每個(gè)階段最后會(huì)有實(shí)戰(zhàn)分析，把該階段的知識(shí)點(diǎn)應(yīng)用起來。

第一個(gè)階段：希望能讓讀者掌握 React.js 的基本概念和基礎(chǔ)知識(shí)。包括問題的根源：前端組件的復(fù)用性問題、數(shù)據(jù)和視圖的同步問題。了解清楚問題以后再了解 React.js 的基礎(chǔ)知識(shí)，包括 JSX、事件監(jiān)聽、state、props、列表渲染等?？纯?React.js 是怎么解決這些問題的。這個(gè)階段結(jié)束以后，讀者就可以可以運(yùn)用 React.js 構(gòu)建簡(jiǎn)單的頁面功能。

第二個(gè)階段：讓讀者更進(jìn)一步了解 React.js，包括組件生命周期及其含義、state 和 props 的進(jìn)階概念、props 驗(yàn)證及其意義、組件組合進(jìn)階、如何和 DOM 打交道、并且開始引入前端應(yīng)用狀態(tài)管理所存在的問題。

第三個(gè)階段：讓讀者掌握 React.js 較為高級(jí)的概念，包括高階組件、context。并且嘗試引入 React-router、redux 來協(xié)助我們構(gòu)建較為完整的前端應(yīng)用；還會(huì)開始深入討論前端應(yīng)用狀態(tài)管理的問題。

目錄

第一個(gè)階段

Lesson 1 - React.js 簡(jiǎn)介

Lesson 2 - 前端組件化（一）：從一個(gè)簡(jiǎn)單的例子講起

Lesson 3 - 前端組件化（二）：優(yōu)化 DOM 操作

Lesson 4 - 前端組件化（三）：抽象出公共組件類

Lesson 5 - React.js 基本環(huán)境安裝

Lesson 6 - 使用 JSX 描述 UI 信息

Lesson 7 - 組件的 render 方法

Lesson 8 - 組件的組合、嵌套和組件樹

Lesson 9 - 事件監(jiān)聽

Lesson 10 - 組件的 state 和 setState

Lesson 11 - 配置組件的 props

Lesson 12 - state vs props

Lesson 13 - 渲染列表數(shù)據(jù)

Lesson 14 - 實(shí)戰(zhàn)分析：評(píng)論功能（一）

Lesson 15 - 實(shí)戰(zhàn)分析：評(píng)論功能（二）

Lesson 16 - 實(shí)戰(zhàn)分析：評(píng)論功能（三）

第二個(gè)階段

Lesson 17 - 前端應(yīng)用狀態(tài)管理 —— 狀態(tài)提升

Lesson 18 - 掛載階段的組件生命周期（一）

Lesson 19 - 掛載階段的組件生命周期（二）

Lesson 20 - 更新階段的組件生命周期

Lesson 21 - ref 和 React.js 中的 DOM 操作

Lesson 22 - props.children 和容器類組件

Lesson 23 - dangerouslySetHTML 和 style 屬性

Lesson 24 - PropTypes 和組件參數(shù)驗(yàn)證

Lesson 25 - 實(shí)戰(zhàn)分析：評(píng)論功能（四）

Lesson 26 - 實(shí)戰(zhàn)分析：評(píng)論功能（五）

Lesson 27 - 實(shí)戰(zhàn)分析：評(píng)論功能（六）

第三個(gè)階段

Lesson 28 - 高階組件（Higher-Order Components）

Lesson 29 - React.js 的 context

Lesson 30 - 動(dòng)手實(shí)現(xiàn) Redux（一）：優(yōu)雅地修改共享狀態(tài)

Lesson 31 - 動(dòng)手實(shí)現(xiàn) Redux（二）：抽離 store 和監(jiān)控?cái)?shù)據(jù)變化

Lesson 32 - 動(dòng)手實(shí)現(xiàn) Redux（三）：純函數(shù)（Pure Function）簡(jiǎn)介

Lesson 33 - 動(dòng)手實(shí)現(xiàn) Redux（四）：共享結(jié)構(gòu)的對(duì)象提高性能

Lesson 34 - 動(dòng)手實(shí)現(xiàn) Redux（五）：不要問為什么的 reducer

Lesson 35 - 動(dòng)手實(shí)現(xiàn) Redux（六）：Redux 總結(jié)

...

特別鳴謝

特別感謝以下朋友對(duì)本書所做的審校工作，給本書提出了很多寶貴的改進(jìn)意見：

鄺偉科 - 騰訊 Web 前端工程師

楊海波 - 百度 Web 高級(jí)前端工程師

謝軍令 - 天貓 Web 前端工程師

戴嘉華 - 前微信 Web 前端工程師

聯(lián)系作者

加入《React.js 小書》讀者交流群：huzidaha-me，一起討論、交流、學(xué)習(xí)前端技術(shù)。

License

本作品采用 署名-禁止演繹 4.0 國(guó)際許可協(xié)議 進(jìn)行許可

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86974.html

相關(guān)文章

  • 前端閱讀 - 收藏集 - 掘金

    摘要：實(shí)現(xiàn)不定期更新技巧前端掘金技巧，偶爾更新。統(tǒng)一播放效果實(shí)現(xiàn)打字效果動(dòng)畫前端掘金前端開源項(xiàng)目周報(bào)前端掘金由出品的前端開源項(xiàng)目周報(bào)第四期來啦。 Web 推送技術(shù) - 掘金騰訊云技術(shù)社區(qū)-掘金主頁持續(xù)為大家呈現(xiàn)云計(jì)算技術(shù)文章，歡迎大家關(guān)注！ 作者：villainthr 摘自 前端小吉米 伴隨著今年 Google I/O 大會(huì)的召開，一個(gè)很火的概念--Progressive Web Apps ...

    lingdududu 評(píng)論0 收藏0

  • 前端窩 - 收藏集 - 掘金

    摘要：毫無疑問，設(shè)計(jì)模式于己于他人于系統(tǒng)都是多贏的設(shè)計(jì)模式使代碼編寫真正工程化設(shè)計(jì)模小書前端掘金這是一本關(guān)于的小書。 JavaScript 常見設(shè)計(jì)模式解析 - 掘金設(shè)計(jì)模式（Design pattern）是一套被反復(fù)使用、多數(shù)人知曉的、經(jīng)過分類編目的、代碼設(shè)計(jì)經(jīng)驗(yàn)的總結(jié)。使用設(shè)計(jì)模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。毫無疑問，設(shè)計(jì)模式于己于他人于系統(tǒng)都是多贏的；設(shè)計(jì)...

    李文鵬 評(píng)論0 收藏0

  • 前端相關(guān)大雜燴

    摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒有網(wǎng)絡(luò)請(qǐng)求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...

    fuyi501 評(píng)論0 收藏0

  • React.js 小書 Lesson5 - React.js 基本環(huán)境安裝

    摘要：工具地址在安裝之前要確認(rèn)你的機(jī)器上安裝了環(huán)境包括。安裝好環(huán)境以后，只需要按照官網(wǎng)的指引安裝即可。所以可以把的源改成國(guó)內(nèi)的的源，這樣會(huì)加速下載過程。接下來我們會(huì)探討的組件的基本寫法小書使用描述信息。 React.js 小書 Lesson5 - React.js 基本環(huán)境安裝 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson5 ...

    zilu 評(píng)論0 收藏0

  • React.js 小書 Lesson1-2 - 前端組件化（一）：從一個(gè)簡(jiǎn)單的例子講起

    摘要：一個(gè)組件的顯示形態(tài)和行為有可能是由某些數(shù)據(jù)決定的。一個(gè)簡(jiǎn)單的點(diǎn)贊功能我們會(huì)從一個(gè)簡(jiǎn)單的點(diǎn)贊功能講起。我們需要結(jié)構(gòu)，準(zhǔn)確地來說我們需要這個(gè)點(diǎn)贊功能的字符串表示的結(jié)構(gòu)。下一節(jié)小書前端組件化二優(yōu)化操作中我們繼續(xù)優(yōu)化這個(gè)例子，讓它更加通用。 React.js 小書 Lesson1-2 - 前端組件化（一）：從一個(gè)簡(jiǎn)單的例子講起 本文作者：胡子大哈本文原文：http://huziketang....

    null1145 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<