React與Redux開發實例精解

React與Redux開發實例精解 pdf epub mobi txt 电子书 下载 2025

劉一奇 著
想要找书就要到 求知書站
立刻按 ctrl+D收藏本页
你会得到大惊喜!!
出版社: 电子工业出版社
ISBN:9787121302671
版次:1
商品编码:12010463
品牌:Broadview
包装:平装
丛书名: 前端撷英馆
开本:16开
出版时间:2016-12-01
用纸:胶版纸
页数:320

具体描述

編輯推薦

  這本書是為想要用React、Redux、Babel 和Webpack 搭建Web 應用程序的程序員準備的。與其他技術棧相比,這個技術棧(指的是React、Redux、Babel、Webpack 以及社區中眾多與此相關的優秀工具)的學習成本並不低,但是其中的智慧與思想卻著實令人贊嘆:

  √清爽的組件代碼結束瞭滿屏HTML 標簽與類名的噩夢;

  √聲明式地將數據映射為界麵減少瞭煩瑣的DOM操作;

  √高階函數、管道、柯裏化等函數式編程思想的運用使得復雜邏輯的處理變得相當簡單;

  √自動化構建編譯技術降低瞭源代碼與靜態資源的管理成本。

  隨著時間的推移,技術工具或許很快會更新換代,但是這些前端工程中的實踐思想卻不會輕易過時。如果你不僅想學習這些技術的使用方法,更想瞭解這些技術背後所包含的思想與智慧,那麼真誠地建議你閱讀本書。


內容簡介

  《React與Redux開發實例精解》共分四部分,全麵介紹如何使用React 與Redux 進行Web 開發。第一部分是基礎篇,介紹React 與Redux 的基礎知識;第二部分是進階篇,通過精彩的官方示例學習React 與Redux;第三部分是拓展篇,主要學習一些優秀的第三方拓展;第四部分是實戰篇,將會帶領讀者一步步搭建大型Web 應用程序。

  《React與Redux開發實例精解》適閤熟悉JavaScript 編程,有意使用React 與Redux 搭建Web 應用的程序員學習參考。

目錄

緻讀者

第一部分 基礎篇

第1章 技術簡介

React

Redux

Node與Universal渲染

Babel

Webpack

總結

第2章 在Node.js中運行 React

例子

編寫React組件

在Node.js中渲染組件

使用Babel編譯運行Node.js程序

Require Hook 簡介

使用Require Hook的步驟

總結

第3章 在瀏覽器中運行React

例子

組件復用

在瀏覽器中渲染React組件

使用Webpack打包編譯

在瀏覽器中運行

總結

第4章 開發服務器和熱替換

例子

安裝

配置Babel

使用react-hmre預設

react-hmre的功能

配置Webpack

配置Express服務器

總結

第5章 React的創新語法:JSX

例子

JSX簡介

JSX常用語法

類似HTML

JavaScript錶達式

樣式

注釋

數組

HTML標簽 vs. React組件

總結

第6章 React的數據載體:state、props與context

例子

State

Props

使用props

驗證props

組閤使用state與props

Context

使用props傳遞數據

使用context傳遞數據

Props與context的適用場景

在React開發者工具中查看

總結

第7章 React的兩個對象:ReactElement與組件實例

例子

ReactElement

JSX中的閉閤標簽是ReactElement

ReactElement是什麼

ReactElement的兩種類型

React組件的渲染流程

組件實例

組件實例簡介

組件、ReactElement與組件實例的區彆

組件實例的生滅:生命周期函數

React組件中的this

總結

第8章 初識Redux

例子

Action

Reducer

定義

純函數

不能修改參數state

Store

職能

創建

獲取與監聽

發起action

總結

第9章 Action創建函數與Redux Thunk中間件

例子

Action創建函數

編寫

發起

意義

Redux Thunk中間件

功能

安裝激活

總結

第二部分 進階篇

第10章 React與Redux的連接:手動連接

例子

手動連接的步驟

編寫React組件

編寫Redux

將Redux手動連接到React組件

手動連接的缺點

總結

第11章 React與Redux的連接:使用react-redux連接

例子

連接步驟

多種寫法

連接原理

Provider工作原理

connect工作原理

展示組件與容器組件

總結

第12章 實現撤銷/重做

例子

撤銷/重做

Redux開發者工具

安裝

使用

Redux並不“低效”

總結

第13章 測試

例子

測試工具

Mocha

Enzyme

Expect

測試action創建函數

測試React組件

測試容器組件

測試reducer純函數

運行測試腳本

總結

第14章 Redux的全局狀態與React組件的內部狀態

例子

全局狀態與內部狀態的定義

全局狀態完全替代瞭內部狀態?

全局狀態與內部狀態的適用場景

總結

第15章 React與Redux中的數組處理

例子

reduce()

概述

語法

示例

filter()

概述

語法

示例

map()

概述

語法

示例

every()

概述

語法

示例

some()

概述

語法

示例

展開運算符

概述

語法

示例

總結

第16章 Redux的大舞颱:異步

例子

JavaScript事件驅動編程

Promise

Redux中的異步

異步action創建函數

異步請求前後的state變化

State tree結構

查看state tree

如何構建state tree

異步與變化

準備工作

追蹤異步與變化

總結

第17章 自定義Redux中間件

例子

中間件的功能

中間件的編寫

中間件的執行

自定義API中間件

總結

第18章 Universal渲染

例子

公用一套代碼

服務端渲染

客戶端渲染

總結

第三部分 拓展篇

第19章 Universal渲染神器:Webpack同構工具

例子

Webpack同構工具的功能

服務端調用

客戶端調用

真實場景

配置服務器的入口

獨立開發服務器

配置Webpack

配置Webpack同構工具

在服務端和客戶端使用require()

總結

第20章 多頁麵的實現:路由

例子

路由也是組件

路由匹配

使用Link和IndexLink導航

服務端路由

總結

第21章 多頁麵下的異步操作

例子

redux-amrc

功能

配置

使用

Action與state

API

多頁麵下的異步操作

編寫測試API

預載數據

手動加載數據

操作數據

總結

第22章 使用Bootstrap

例子

bootstrap-loader

基本用法

配置

PostCSS與Autoprefixer

簡介

用法

React-Bootstrap

總結

第四部分 實戰篇

第23章 搭建大型項目

例子

開發服務器

開發環境下的Webpack配置

Webpack同構工具的配置

獨立的開發服務器

啓動開發服務器

前端服務器

配置前端服務器

使用組件渲染HTML頁麵

啓動前端服務器

API服務器

配置API服務器

啓動API服務器

生産環境下的構建編譯

編譯運行Node.js

生産環境下的Webpack配置

公用代碼

工具集

路由與頁麵

質量保證

測試

Airbnb編碼規範

去毛機

EditorConfig

總結

第24章 錶單

例子

高階組件ReduxForm

設置

簡單錶單

同步驗證錶單

異步失焦驗證錶單

提交錶單到服務器

總結

第25章 圖錶與錶格

例子

圖錶組件

錶格組件

從服務器獲取數據

總結

第26章 用戶認證

例子

編寫認證API

Express-session中間件

加載當前認證狀態

登錄與登齣

API權限保護

發送cookie

編寫用於認證的action創建函數

登錄頁麵和導航欄

前端路由保護

總結

第27章 部署

例子

Heroku平颱

安裝工具並登錄

準備程序

部署程序

其他操作

持續集成

與生産相關的問題

總結

第28章 其他資源

在綫文檔

參與社區活動

前言/序言

  緻讀者

  這本書是為想要用React、Redux、Babel 和Webpack 搭建Web 應用程序的程序員準備的。與其他技術棧相比,這個技術棧(指的是React、Redux、Babel、Webpack 以及社區中眾多與此相關的優秀工具)的學習成本並不低,但是其中的智慧與思想卻著實令人贊嘆:清爽的組件代碼結束瞭滿屏HTML 標簽與類名的噩夢;聲明式地將數據映射為界麵減少瞭煩瑣的DOM操作;高階函數、管道、柯裏化等函數式編程思想的運用使得復雜邏輯的處理變得相當簡單;自動化構建編譯技術降低瞭源代碼與靜態資源的管理成本。隨著時間的推移,技術工具或許很快會更新換代,但是這些前端工程中的最佳實踐思想卻不會輕易過時。如果你不僅想學習這些技術的使用方法,更想瞭解這些技術背後所包含的思想與智慧,那麼我真誠地建議你閱讀本書。

  閱讀本書之前的準備

  想要很好地理解本書的內容,你需要具備一定的Node.js 和ES2015、ES2016 基礎,至少要瞭解一些常見的概念,例如NPM、模塊係統、常量、函數、裝飾器和類。除此之外,你最好還熟悉JavaScript 程序在服務器和瀏覽器環境下的調試技術。

  學習本書示例代碼時,大部分時間都要在命令行中進行操作。因此,你應該能夠熟練使用自己操作係統中的命令行工具。

  本書附帶的程序是開源的,全部上傳到瞭GitHub。這些示例程序中的開發經驗來自開源社區和筆者自己的實踐思考。我不認為這是使用React 與Redux 開發Web 應用程序的唯一方式。你可以將其作為參考,如果有更好的想法,強烈建議你將其貢獻給社區,與更多的開發者一起交流進步。

  最後要說明的是,本書因篇幅有限等原因,無法對每一項技術的講解都做到完整而詳盡。因此,你還需要根據書中的提示和推薦,去閱讀參考相應技術的官方文檔。

  本書的內容安排

  本書分為四部分。

  第一部分 基礎篇 主要介紹React 與Redux 的基礎知識。

  第1 章 簡要介紹本書所要講解的技術,包括React、Redux、Node 與Universal 渲染、Babel 及Webpack。

  第2 章 講解如何在Node.js 中運行React。

  第3 章 講解如何在瀏覽器中運行React。

  第4 章 介紹開發服務器和熱替換技術及其實現過程。

  第5 章 介紹React 的創新語法:JSX。

  第6 章 介紹React 的數據載體:state、props 與context。

  第7 章 介紹React 的兩個對象:ReactElement 和組件實例。

  第8 章 介紹Redux 的action、reducer 與store。

  第9 章 介紹Redux 的action 創建函數和��unk 中間件。

  第二部分 進階篇 通過精彩的官方示例學習React 與Redux。

  第10 章 講解如何手動將Redux 連接到React 中。

  第11 章 講解如何使用react-redux 將Redux 連接到React 中。

  第12 章 介紹Redux 的撤銷/重做和Redux 開發者工具的使用。

  第13 章 講解如何在React 與Redux 的程序中編寫測試。

  第14 章 討論Redux 的全局狀態與React 組件的內部狀態。

  第15 章 講解React 與Redux 中常用的幾種數組處理方法。

  第16 章 介紹Redux 中的異步處理。

  第17 章 介紹如何自定義Redux 中間件。

  第18 章 講解如何使用React 與Redux 實現Universal 渲染。

  第三部分 拓展篇 學習一些優秀的第三方拓展。

  第19 章 介紹Webpack 同構工具。

  第20 章 介紹React Router,並通過它實現Universal 路由。

  第21 章 介紹多頁麵下的異步處理。

  第22 章 介紹瞭bootstrap-loader、PostCSS、Autoprefixer 和React-Bootstrap。

  第四部分 實戰篇 一步步搭建大型Web 應用程序。

  第23 章 介紹一個大型項目的基本結構。

  第24 章 使用ReduxForm 製作各種錶單。

  第25 章 實現圖錶與錶格。

  第26 章 實現用戶認證。

  第27 章 講解部署到Heroku 的方法,並實現持續集成。

  第28 章 列齣其他資源。

  如何使用示例代碼

  本書使用的示例代碼可在GitHub 上獲取:https://github.com/lewis617/react-redux-book 和https://github.com/lewis617/react-redux-heroku。

  除瞭第1 章和第28 章外,本書每個章節都有一個示例程序。前三部分使用瞭短而精的示例代碼,獨立地演示技術的功能。從第四部分開始,每一章的例子都會建立在前一章例子的基礎上,最後完成一個大型項目的搭建。

  另外,為瞭方便部署到Heroku,並實現持續集成,第27 章的例子被獨立到瞭另一個GitHub倉庫中,也就是上述的第二個GitHub 倉庫。

  緻謝

  在寫這本書的過程中,傢人、朋友、領導、同事都給我瞭很多幫助。沒有他們,我是不可能完成本書的,在此錶示由衷的感謝。

  首先我要特彆感謝王祖超、梁錦津、宋兵、陳仕傑、屈光宇、呂明岩,他們在本書撰寫的不同階段審閱瞭書稿,並對書稿涵蓋的內容和組織方式給予瞭建設性建議。

  還要感謝電子工業齣版社的許艷編輯,她對本書進行瞭齣色平穩的編輯,並給予我無盡的支持、建議和協助。

  最後,感謝在GitHub 社區中為本書提供幫助的人:

  Dan Abramov(Redux 的作者)

  Nikolay Nikolaev(Webpack 同構工具的作者)

  Erik Rasmussen(ReduxForm 的作者)

  Eric Ferraiuolo(serialize-javascript 的貢獻者)

  Mihail Diordiev(redux-devtools-extension 的作者)

  他們積極熱心地迴復我提交的Issue,為本書提供瞭重要的技術支持。


用户评价

评分

做活动买的,超值,是正品,送货速度快!信赖京东大品牌!

评分

书很正版,价格合理,和同事一起团的买的,正在研读中,学习瞬间有了动力,加油,奋斗中

评分

试一下水,什么东西都得接触一下

评分

React与Redux开发实例精解

评分

良心评价,不适合小白,打着权威指南的假像,还不如把官方文档描述一遍。东一句西一句的阐述,不错,书是正版的,但是内容完完全全就像window系统的命令行一样,像坨屎好么

评分

一直研究前端,应该能派上用场

评分

不错的书,读起来很流畅。

评分

做活动买的,超值,是正品,送货速度快!信赖京东大品牌!

评分

前端不错的书籍,适合深入理解vue底层知识,京东活动买的价格实惠,不错赞一个,学了希望有成长

相关图书

本站所有內容均為互聯網搜索引擎提供的公開搜索信息,本站不存儲任何數據與內容,任何內容與數據均與本站無關,如有需要請聯繫相關搜索引擎包括但不限於百度google,bing,sogou

© 2025 tushu.tinynews.org All Rights Reserved. 求知書站 版权所有