专栏首页较真的前端《React in patterns》 中文版来了

《React in patterns》 中文版来了

本文首发于知乎,各位可以通过点击文章下方的阅读原来来访问原文地址

大概十天前,在 GitHub Trending 上看到一本 React 开源书 《React in patterns》 ,随便翻了翻,篇幅虽然不多,但是内容质量很高,无愧于将近 9k 的 stars 。由于比较喜欢,所以利用周末的时间把书翻译成了中文,希望能有更多喜欢 React 的人学习收益。

图书链接地址

https://github.com/SangKa/react-in-patterns-cn

简介

本书的目标读者是对 React 是什么以及如何使用 React 有基础了解的开发者。本书并不是完整的 React 使用指南,而是对 React 流行的概念及设计模式的介绍。这些范式或多或少都是由开源社区所引入的,其主要目的在于引导你的抽象思维。例如,它讨论的不是 Flux,而是数据流。它讨论的不是高阶组件,而是组合( composition ) 。

本书的主观性比较强。它代表了我对所描述的模式的理解,可能和你在网络上看到的解释有所不同。当你使用本书作为论点与某人辩论时,请牢记这点。

目录

基础

  • 组件通讯
  • 输入
  • 输出
  • 事件处理
  • 组合
  • 使用 React children API
  • 将 child 作为 prop 传入
  • 高阶组件
  • 将函数作为 children 传入和 render prop
  • 受控输入和非受控输入
  • 展示型组件和容器型组件

数据流

  • 单向数据流
  • Flux
  • Flux 架构及其主要特点
  • 实现 Flux 架构
  • Redux
  • Redux 架构及其主要特点
  • 使用 Redux 的简单计数器应用

其他

  • 依赖注入
  • 使用 React context (16.3 之前的版本)
  • 使用 React context (16.3 及之后的版本)
  • 使用模块系统
  • 组件样式
  • 经典 CSS 类
  • 内联样式
  • CSS 模块
  • Styled-components
  • 集成第三方库

本文分享自微信公众号 - 较真的前端(gh_7af41a2be77e)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-05-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React 学习路线图 2018版

    这个 React 学习路线的思维导图来源自 Adam Gołąb 的 react-developer-roadmap 。截止至本文发布时,原仓库已经有了中文版,...

    用户1687375
  • 设计师应该学编程吗?程序员应该懂设计吗?

    用户1687375
  • [译]图解React

    React、ReactJS、React.js、React Native… 这些有些相似的名词你最近听过多少遍了?对于它们究竟是什么你是否感到困惑?

    用户1687375
  • 21个React开发神器

    有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。

    Fundebug
  • 一篇包含了react所有基本点的文章

    去年,我写了一本关于学习React.js的小书,原来是大约100页。 今年我要挑战自己,把它归纳为一篇文章。

    frontoldman
  • 大家为啥总是在说React比Vue更实用呢?

    React与Vue作为当下最流行的框架有很多相似之处:同样是基于组件的轻量级框架,同样专注于用户界面的视图层。同样可以用在简单的项目中,也同样可以使用全家桶扩展...

    前端达人
  • 2018年react新款组件库,难道你还在用17年的?

    腾讯NEXT学位
  • 通往全栈工程师的捷径 — React

    时见疏星
  • React与Redux开发实例精解

    因为我身边掌握React技术栈的同事极少,所以一直只是自己在研究和实践。因此,买这本书想看看其他人都是如何使用这些技术的。从这点上来看,这本书确实起到了这样的作...

    张子阳

扫码关注云+社区

领取腾讯云代金券