首頁 web前端 js教程 深入 React 技術棧

深入 React 技術棧

Nov 22, 2016 am 09:44 AM

選擇 React 這條路,於我它簡單好用,於團隊它活躍的生態圈與層出不窮的優秀解決方案給予進步。我們一直堅持在這條路上作探索與學習於今。

專欄寫作近一載,累積了 24 篇沉澱及分享,非常感謝朋友們的支持。此時,我即將出版這一年對此的總結,就是題圖上的這本書 -《深入 React 技術棧》。

非常幸運,請到了在React 實踐方面的先驅郭達峰寫這本書的序,也請到了張克軍、寸志和阮一峰這三位大牛推薦本書,當然還有來自不同地方的一些朋友在百忙中審閱,一併表示感謝。

下面我談下本書出版的目的,主要有哪些內容和後續。

本書出版目的

摘錄前言中的一段文字:

目前,不論在國內,還是在國外,已經有一些入門的React 圖書,它們大多在介紹基本概念,那些內容可以讓你方便地進入React
世界。但本書除了詳細闡述基本概念外,還會幫助你從了解React 到熟悉其原理,從探索Flux 應用架構的想法到精通Redux
應用架構,幫助你思考React 為前端界帶來的價值,React 今天是一種思想,希望透過解讀它,能夠讓讀者有自學的能力。

本書內容一部分是從『專欄』文章的整理提煉與總結,你會看到在目錄中有好些章節出現過在專欄中,但在內容上進行了糾錯與升級,還有很多因為需要前後關聯去深入探索的內容都是重新寫的,旨在係統的敘述React 與其技術堆疊的使用及其原理。

React、Flux、Redux 本身都不複雜,還在於了解它們的運作的原理並學以自用。因此,本書不同於實踐類中有大量的篇幅來講例子,而總是先來講述這個特性的來源或是原理,究其所以然。自然,你不論是不是在學 React,總可以從中了解些程式設計思想。對前端初學者會有一定的學習成本,無妨,我相信從一開始閱讀還是可以深入下去的。

如果你需要一個可以跑得起來的 project,那麼你會接觸到 babel、webpack、eslint、karma 等一系列的工具,對於初學者這是一個惡夢。我不建議一頭扎進這個漩渦裡,在 Github 上有大量的 starterkit 可以跑,對於初學,不要把時間浪費在配置上。等你深入應用程式的開發,自然都會慢慢了解。

專欄內容的改進與升級

專欄的寫作由小伙伴們專研或實踐總結寫成,主題分散,書中內容對此都作了細緻的整理與串聯,還有大量的新寫的內容:

各方面地從講解React 的基礎知識到高階知識,包括大家關心的組件間通訊、組件間抽象、效能最佳化等內容。尤其是第一二章透過 Tabs 元件例子述說組件化的一些方法,有純粹的知識體系,也有實踐的內容。

源碼分析一章升級了內容,所有範例都基於 React 15.0 而寫,當然全書都是。這算是比較大的更新,對源碼有興趣的同學可以認真閱讀。

結合完整的範例講解 Flux、Redux 的使用,並分析到原始碼層面,幫助讀者可以理解他們的原理,並真正的運用好它們。

React 結合可視化的內容豐富的使用範例,尤其是說到了怎麼去封裝像 Recharts 的可視化庫。視覺化與前端領域關係甚密,大多數的原理均在於影像與圖形的演算法上,框架層面可講的內容不多。

在審校的過程中,FB 公佈了 React VR 的信息,FB 真正想把 React 打造成全棧的界面庫,對於我們來真是一個重磅新聞。

遺憾與感想

本書出版並不是專欄的『終結』,對我們來說只是一個前情總結。前端每天有意思的想法層出不窮,還有很多領域要去玩味。

就目前最流行的行動端方面本書涉及較少,本書還是以 PC 端的組件化為基礎在寫。索性 React Native 才是正規軍,有興趣的同學可以看 RN 方面的書籍認真學習。

另外,在寫作期間 React 15 的小版本有幾個小版本的升級,更是有 Fiber 等重大更新,這是無法避免的情況。之間的更新會回饋到專欄上,此外也希望讀者能舉一反三,學習到精髓。

關於 Redux 上講的內容有很多,總體涉及的庫會很多,難免會對新手造成學習上的困擾。另外還有很多流行庫沒有具體涉及到,如 redux-sagas,redux-observable,Mobx 等。

以上就是深入 React 技術堆疊的內容,更多相關內容請關注PHP中文網(www.php.cn)!



本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1319
25
PHP教程
1269
29
C# 教程
1248
24
如何利用React和RabbitMQ建立可靠的訊息應用 如何利用React和RabbitMQ建立可靠的訊息應用 Sep 28, 2023 pm 08:24 PM

如何利用React和RabbitMQ建立可靠的訊息傳遞應用程式引言:現代化的應用程式需要支援可靠的訊息傳遞,以實現即時更新和資料同步等功能。 React是一種流行的JavaScript庫,用於建立使用者介面,而RabbitMQ是一種可靠的訊息傳遞中間件。本文將介紹如何結合React和RabbitMQ建立可靠的訊息傳遞應用,並提供具體的程式碼範例。 RabbitMQ概述:

React Router使用指南:如何實現前端路由控制 React Router使用指南:如何實現前端路由控制 Sep 29, 2023 pm 05:45 PM

ReactRouter使用指南:如何實現前端路由控制隨著單頁應用的流行,前端路由成為了一個不可忽視的重要部分。 ReactRouter作為React生態系統中最受歡迎的路由庫,提供了豐富的功能和易用的API,使得前端路由的實作變得非常簡單和靈活。本文將介紹ReactRouter的使用方法,並提供一些具體的程式碼範例。安裝ReactRouter首先,我們需要

PHP、Vue和React:如何選擇最適合的前端框架? PHP、Vue和React:如何選擇最適合的前端框架? Mar 15, 2024 pm 05:48 PM

PHP、Vue和React:如何選擇最適合的前端框架?隨著互聯網技術的不斷發展,前端框架在Web開發中起著至關重要的作用。 PHP、Vue和React作為三種代表性的前端框架,每一種都具有其獨特的特徵和優勢。在選擇使用哪種前端框架時,開發人員需要根據專案需求、團隊技能和個人偏好做出明智的決策。本文將透過比較PHP、Vue和React這三種前端框架的特徵和使

Java框架與前端React框架的整合 Java框架與前端React框架的整合 Jun 01, 2024 pm 03:16 PM

Java框架與React框架的整合:步驟:設定後端Java框架。建立專案結構。配置建置工具。建立React應用程式。編寫RESTAPI端點。配置通訊機制。實戰案例(SpringBoot+React):Java程式碼:定義RESTfulAPI控制器。 React程式碼:取得並顯示API回傳的資料。

vue.js vs.反應:特定於項目的考慮因素 vue.js vs.反應:特定於項目的考慮因素 Apr 09, 2025 am 12:01 AM

Vue.js適合中小型項目和快速迭代,React適用於大型複雜應用。 1)Vue.js易於上手,適用於團隊經驗不足或項目規模較小的情況。 2)React的生態系統更豐富,適合有高性能需求和復雜功能需求的項目。

React在HTML中的作用:增強用戶體驗 React在HTML中的作用:增強用戶體驗 Apr 09, 2025 am 12:11 AM

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

react有哪些閉包 react有哪些閉包 Oct 27, 2023 pm 03:11 PM

react有事件處理函數、useEffect和useCallback、高階元件等等閉包。詳細介紹:1、事件處理函數閉包:在React中,當我們在元件中定義事件處理函數時,函數會形成一個閉包,可以存取元件作用域內的狀態和屬性。這樣可以在事件處理函數中使用元件的狀態和屬性,實現互動邏輯;2、useEffect和useCallback中的閉包等等。

java技術堆疊有哪些 java技術堆疊有哪些 Dec 25, 2023 pm 02:55 PM

常見的Java技術堆疊有:1、Java語言;2、Spring框架;3、Hibernate框架;4、Spring Boot;5、Spring Security;6、MyBatis框架;7、Apache Struts框架;8、JPA;9、Tomcat伺服器;10、MySQL資料庫等。詳細介紹:1、Java語言:這是Java技術堆疊的基礎,包括Java SE和Java EE等等。

See all articles