前端爱翻译

我会在这里定期翻译一些前端领域优秀的，且包含示例的文章，至少，我觉得这些文章对我自己有用~ ｸﾞｯ!(๑•̀ㅂ•́)و✧

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

joking_zhang 1月29日发布
4 收藏

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

19 个来自 2019 React Conf 的总结

joking_zhang 2019-11-12 发布
27 收藏

React Conf ⚛️已经正式结束。有很多精彩的演讲，人物，活动，当然还有美食。我还在整理整个活动，但是就这次会议而言，这是迄今为止我参加过的最好的活动。

【译】2019年前端必备资源

joking_zhang 2019-11-01 发布
41 收藏

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

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

joking_zhang 2019-10-27 发布
3 收藏

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

【译】基于Hooks 的 Redux 速成课

joking_zhang 2019-10-21 发布
11 收藏

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

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

joking_zhang 2019-10-14 发布
6 收藏

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

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

joking_zhang 2019-08-15 发布
30 收藏

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

【译】TypeScript笔记：React和泛型

joking_zhang 2019-07-28 发布
5 收藏

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

【译】了解 useReducer

joking_zhang 2019-07-28 发布
2 收藏

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

【译】你应该了解的 CORS

joking_zhang 2019-07-21 发布
28 收藏

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

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

joking_zhang 2019-07-15 发布
31 收藏

在本文中，我将引导你创建一个简单的 React 应用，以及一个简单的 Node/Express API，并将两者相互连接。

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

joking_zhang 2019-07-06 发布
60 收藏

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

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

joking_zhang 2019-06-15 发布
9 收藏

我会通过这篇文章，为大家讲述，如何使用 React，TypeScript 和 Webpack 来构建一个项目。

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

joking_zhang 2019-06-09 发布
9 收藏

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

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

joking_zhang 2019-06-02 发布
3 收藏

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

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

joking_zhang 2019-05-23 发布
19 收藏

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

【译】什么是React Hooks

joking_zhang 2019-05-19 发布
24 收藏

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

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

joking_zhang 2019-05-12 发布
25 收藏

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

【译】函数式的React

joking_zhang 2019-05-07 发布
14 收藏

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

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

joking_zhang 2019-05-01 发布
26 收藏

做了一些研究，我发现了函数式编程概念，如不变性和纯函数。这些概念使你能够构建无副作用的功能，而函数式编程的一些优点，也使得系统变得更加容易维护。