《React全栈:Redux+Flux+webpack+Babel整合开发》--互动出版网

基本信息

编辑推荐  

√ React带来Virtual DOM,填平PC与移动鸿沟,前端从此迈向全端。
√ Modern F2E时代开启,ES2015+Redux+Flux+webpack+Babel技术栈来袭。
√ 全栈明星非React莫属,工程方法、工程化工具、框架使用,尽在本书。
√ 实战整合全新语言标准、编程范式、框架组件、自动化工作流。

内容简介

书籍
计算机书籍
《React全栈:Redux+Flux+webpack+Babel整合开发》从现代前端开发的标准、趋势和常用工具入手,由此引出了优秀的构建工具 webpack 和 JavaScript库 React,之后用一系列的实例来阐述两者的特色、概念和基本使用方法。随着应用复杂度的增加,进而介绍了 Flux 和 Redux 两种架构思想,并且使用 Redux 对现有程序进行改造,最后介绍了在开发过程中出现的反模式和性能优化方法。
《React全栈:Redux+Flux+webpack+Babel整合开发》适合有一定前端开发尤其是 JavaScript 基础的读者阅读,如果您还没有接触过前端开发这个领域,请先阅读前端开发的入门书籍。

作译者

张轩,前端开发工程师。曾经在百度、携程就职,目前在苹果公司担任前端开发工程师。拥有丰富的Web开发经验,喜欢追寻新技术,在GitHub上关注各种有趣的项目,同时致力于前端工程化,并且有大型SPA项目的架构及开发经验。他同时是一名业余文学爱好者,在工作之余写一些短篇小说。
杨寒星,前端开发工程师。曾就职于爱奇艺、百度,目前在七牛云负责前端开发与架构设计。对编写优美的代码、构建影响深远的系统感兴趣;专注于现代前端工程化方案搭建及大规模SPA的架构设计,对基于React体系的前端开发有着丰富的实践经验。

目录

第 1 章 现代前端开发 1
1.1 ES6--新一代的 JavaScript 标准 1
1.1.1 语言特性 2
1.1.2 使用 Babel 10
1.1.3 小结 13
1.2 前端组件化方案 13
1.2.1 JavaScript 模块化方案 14
1.2.2 前端的模块化和组件化 16
1.2.3 小结 18
1.3 辅助工具 19
1.3.1 包管理器(Package Manager) 19
1.3.2 任务流工具(Task Runner) 23
1.3.3 模块打包工具(Bundler) 26
第 2 章 webpack 28
2.1 webpack 的特点与优势 28
2.1.1 webpack 与 RequireJS、browserify 29
2.1.2 模块规范 30
2.1.3 非 javascript 模块支持 31
2.1.4 构建产物 32
2.1.5 使用 33

前言

  对一个前端工程师来说,这是最坏的时代,也是最好的时代。
  在这样的领域里,每一年都不会风平浪静。如果说 2014 年是属于 MVVM,属于 Angular 的,那么 2015 年称为 React 元年并不为过。开发团队的不断完善以及 React社区井喷式的发展让这个诞生于 2013 年的框架及其生态趋于成熟(就在不久前,React 官方宣布将在版本号 0.14.7 后直接使用版本号 15.0.0),大量团队在生产环境中的实践经验也让引入 React 不再是一件需要瞻前顾后反复调研的事情,如果 React 适合你,那么现在就可以放心地使用了。
  可是对于很多还没有深入实践过React开发的工程师来说,React到底做了什么?React 适合什么样的场景?又应该如何投入使用?在具体业务逻辑的实现上,怎样才是最佳的实践?这些都是需要去了解与思考的问题。
  本书将从一个传统前端工程师的角度出发,介绍 React 产生的背景及其架构应用,并结合一些由浅入深的例子帮助读者掌握基于 React 的 Web 前端开发方法。
  --杨寒星
  前端开发是一个充满变化的领域,它的发展速度快得惊人。各种各样的新技术、新标准层出不穷,GitHub 上最火的语言是 JavaScript,最大的包管理器是 npm。新的流行框架日新月异,几年前的那些先驱者还是工程师口中津津乐道的宠儿,比如YUI、Mootools、jQuery 等,今天已经不再那么流行,曾经名噪一时的 Backbone 框架,现在也渐渐褪去热度,继往开来的 Angular、Vue.js、Ember 等 MVVM 框架竞相登场,再加上当红的新宠 React.js 大行其道,让好多工程师仿佛迷失在了大潮中。
  前端开发是一个新兴的行业。几年前,被称作重构工程师的我们还都在对着Photoshop 切图,把一些 jQuery 插件复制来复制去,完成一些炫酷的幻灯图特效,不断地处理着很多 IE 浏览器的怪异 Bug。这些功力其实到现在还能满足大部分的 Web开发,完成大部分的项目。我们不妨把它称为"古典时代",它影响深远,但是最终会慢慢远去。
  在当前这个潮流下,很多工程师会抛出这样的言论:
  学习一些新的工具、框架有什么用?业界发展得这么快,等我学会了这些,它也许已经"寿终正寝"了。天天跟风一样地追求各种框架,学会了也是迷茫,这些框架没有用武之地。旁门左道,天天布道没有用的东西,伪前端。
  随着技术的进化、移动应用的飞速发展,一个前端工程师的职责不像原来那样只要把图转换成网页那么简单。如今产生了各种类型的新名词--Hybird 应用、全端工程师、SPA 等,各有其特定的应用场景。任何框架的发明和创造都有它们一定的历史原因,只有解决了需求的痛点,才能让工程师更快地解决难题。在我们学习的过程中,可以发现它背后的思想和解决方案,进而更好地充实自己。做技术的人最重要的就是保持开放的态度,有一颗好奇心,持续不断地学习。
  在前端开发中占最重要部分的 JavaScript,也随着这些框架在慢慢进化着,原来令人不断诟病的缺点正在被标准制定者慢慢修补,新的特性不断浮出水面。前端工程师正处在发展最迅速的时代,这应该是一个让人兴奋的时代,犹如工业革命一样,每个工程师都见证着一场伟大的前端革命。
  本书不仅讲述了怎样使用 React 和 webpack 开发一些应用,而且希望通过一系列的介绍让每个工程师都能站在前端技术的潮头,拥抱变化,学习新的标准和技术,成为新技术的弄潮儿。
  --张轩
  本书面向的读者
  本书适合有一定前端开发经验尤其是有 JavaScript 基础的读者,如果你还没有接触过前端开发这个领域,请先阅读前端开发的入门书籍。
  本书的代码示例
  你可以在这里下载本书的代码示例:
  https://github.com/vikingmute/webpack-react-codes。
  本书的代码执行环境

  本书中默认的开发环境是 Node.js 5.0.0,书中介绍到的几个库的版本分别为React@15.0.1、webpack@1.12.14 及 Redux@3.2.1,其他如未特别说明的则为最新版本。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 re...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使用,可能是不了解。我公司的项目就没有使用,但是在很多三方库中都有使用。本小节我们来学习下如果使用该...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接触 react 就一直使用 mobx 库,上手简单不复杂。
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据...
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们...
上一小节我们了解了固定高度的滚动列表实现,因为是固定高度所以容器总高度和每个元素的 size、offset 很容易得到,这种场景也适合我们常见的大部分场景,例如...
上一小节我们处理了 setState 的批量更新机制,但是我们有两个遗漏点,一个是源码中的 setState 可以传入函数,同时 setState 可以传入第二...
我们知道 react 进行页面渲染或者刷新的时候,会从根节点到子节点全部执行一遍,即使子组件中没有状态的改变,也会执行。这就造成了性能不必要的浪费。之前我们了解...
在平时工作中的某些场景下,你可能想在整个组件树中传递数据,但却不想手动地通过 props 属性在每一层传递属性,contextAPI 应用而生。
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试...
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机...
前面几节我们学习了解了 react 的渲染机制和生命周期,本节我们正式进入基本面试必考的核心地带 -- diff 算法,了解如何优化和复用 dom 操作的,还有...
我们在之前已经学习过 react 生命周期,但是在 16 版本中 will 类的生命周期进行了废除,虽然依然可以用,但是需要加上 UNSAFE 开头,表示是不安...
上一小节我们学习了 react 中类组件的优化方式,对于 hooks 为主流的函数式编程,react 也提供了优化方式 memo 方法,本小节我们来了解下它的用...
开源不易,感谢你的支持,❤ star me if you like concent ^_^
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
本文主题围绕concent的setup和react的五把钩子来展开,既然提到了setup就离不开composition api这个关键词,准确的说setup是由...
ReactsetState的执行是异步还是同步官方文档是这么说的setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecom