前端爱翻译

9

【译】如何为开源软件做出贡献

• joking_zhang   1月29日发布
• 5 收藏

原文：How to Contribute to Open Source Software作者：Matt Eland译者：博轩为保证文章的可读性，本文采用意译，转载请保留原文链接前段时间参加了2020年1月11日Node party线下分享，justjavac 大佬分享的主题...

43

19 个来自 2019 React Conf 的总结

• joking_zhang   2019-11-12 发布
• 28 收藏

开发者对于社区通常都会保持一颗敬畏之心。大会的志愿者和组织者完成了难以想象的工作，使得每一个参加会议的人都感到宾至如归。他们的努力使得我们每个人都有一种归属感，这给我留下深刻的印象。第二天，甚至还...

54

【译】2019年前端必备资源

• joking_zhang   2019-11-01 发布
• 42 收藏

在过去的十年中，前端开发已席卷全球，由世界上最大的软件公司赞助和领导的所有Web技术（HTML，CSS，JS等）都取得了长足的进步。在相当长的一段时间，在软件行业中，这可以说是收入最高，需求最多，最令人满意的...

5

【译】仅使用 Context 和 Hooks 来管理 React 应用的状态

• joking_zhang   2019-10-27 发布
• 3 收藏

自从 React Hooks 发布以来，数以千计关于它的文章，库和视频课程已经被发布。如果自己搜索下这些资源，您会发现我前段时间写的一篇文章，是关于如何使用 Hooks 构建示例应用程序。您可以在这里找到它。

16

【译】基于Hooks 的 Redux 速成课

• joking_zhang   2019-10-21 发布
• 11 收藏

你对 Redux 感到困惑吗？如果使用新的 Redux Hooks，会更加简单！这里是一个关于 Redux 的速成班，将配合 React 函数组件使用：

8

【译】采访一位来自 Pornhub 的 Web 开发者

• joking_zhang   2019-10-14 发布
• 6 收藏

无论你对色情内容采取什么立场，都无法否认成人网站行业对于推动 Web 的发展产生着巨大的影响。从提高浏览器的视频限制，到通过 WebSocket 推送广告，使得广告拦截程序无法检测到它们，你都必须更加聪明的在 Web ...

39

【译】使用 MongoDB，React，Node 和 Express（MERN）构建一个全栈应用

• joking_zhang   2019-08-15 发布
• 30 收藏

例如对数据库的了解，熟悉一门后端语言，如何将前后端整合，这些对于我来说，还有些陌生。这就是促使我完成这篇文章的原因：解决这个问题，以帮助我自己和其他前端工程师。

12

【译】TypeScript笔记：React和泛型

• joking_zhang   2019-07-28 发布
• 5 收藏

这些笔记应该有助于更好的理解 TypeScript，并且在查找如何在特定情况下使用 TypeScript 会很有帮助。所有示例都是基于 TypeScript 3.2 完成。

4

【译】了解 useReducer

• joking_zhang   2019-07-28 发布
• 2 收藏

useReducer 是 React 16.8.0 中为数不多由官方提供的 React Hook 之一。它接受一个 reducer 函数 ，以及一个初始的应用程序状态，然后返回当前应用程序的状态，和一个调度函数（dispatch）。

38

【译】你应该了解的 CORS

• joking_zhang   2019-07-21 发布
• 28 收藏

如果你和我一样，第一次遇到 CORS （跨域资源共享），你想让服务器接收那些你拼接的 Ajax 请求并处理他们。所以你去 stackoverflow.com 复制一段代码来设置一些 HTTP Headers，让请求可以正常工作。

45

【译】如何连接 React 和 Node，Express

• joking_zhang   2019-07-15 发布
• 33 收藏

原文：How to create a React frontend and a Node/Express backend and connect them作者：João Henrique译者：博轩 在本文中，我将引导你创建一个简单的 React 应用，以及一个简单的 Node/Express API，并将两...

80

【译】21 项优化 React App 性能的技术

• joking_zhang   2019-07-06 发布
• 62 收藏

在 React 内部，React 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用...

14

【译】使用 React，TypeScript 和 Webpack 开始一个项目

• joking_zhang   2019-06-15 发布
• 10 收藏

这是一篇关于如何使用 React，TypeScript 和 Webpack 来构建一个非常基础的项目的教程。您可以继续阅读，或者直接在 github 上面查看示例代码。

13

【译】如何，以及何时使用CSS多列布局

• joking_zhang   2019-06-09 发布
• 9 收藏

当我们把注意力都放在 CSS Grid 布局和 CSS Flexbox 布局的时候，经常忽略了另一种布局方法。在本文中，我将介绍多列布局 - 通常称为 multicol 或者 “CSS Columns” 。通过这篇文章，你了解到使用 columns 的最佳...

6

【译】在 React 中处理状态的替代方法：URL

• joking_zhang   2019-06-02 发布
• 3 收藏

如何在 React App 中管理全局状态，是所有类库之间一直争论不休的事情。然而，依我拙见，我们使用 URL 和 react-router 也可以做同样的事情。

29

【译】在 React 组件中使用 Refs 指南

• joking_zhang   2019-05-23 发布
• 20 收藏

使用 React 时，我们的默认思维方式应该是 不会强制修改 DOM ，而是通过传入 props 重新渲染组件。但是，有些情况却无法避免修改 DOM 。

37

【译】什么是React Hooks

• joking_zhang   2019-05-19 发布
• 27 收藏

React Hooks 于 2018年10月的React Conf 中引入，作为在 React 函数组件中使用状态和生命周期的一种方法。虽然函数组件之前被称为 无状态组件（FSC） ，但是 React Hooks 的出现，使得这些函数组件可以使用状态。...

38

【译】三分钟掌握 React 高阶组件

• joking_zhang   2019-05-12 发布
• 25 收藏

掌握这个有用的模式，停止在 React Components 中重复逻辑！ 😎原文：React Higher Order Components in 3 minutes作者：Jhey Tompkins译者：博轩 PS：今天是母亲节，先祝所有母亲大人们节日快乐啦 👏👏👏

20

【译】函数式的React

• joking_zhang   2019-05-07 发布
• 14 收藏

React 是现在最流行的 JavaScript 库之一。使用 React 可以非常轻松地创建 Web 用户交互界面。 它的成功有很多因素，但也许其中一个因素是清晰有效的编程方法。

38

【译】JavaScript 中的函数式编程原理

• joking_zhang   2019-05-01 发布
• 26 收藏

原文：Functional Programming Principles in Javascript作者：TK译者：博轩 经过很长一段时间的学习和面向对象编程的工作，我退后一步，开始思考系统的复杂性。 “复杂性是任何使软件难以理解或修改的东西。” - J...