前端爱翻译

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

【译】基于Hooks 的 Redux 速成课

joking_zhang 16 小时前发布
8 收藏

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

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

joking_zhang 10月14日发布
6 收藏

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

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

joking_zhang 8月15日发布
29 收藏

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

【译】TypeScript笔记：React和泛型

joking_zhang 7月28日发布
5 收藏

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

【译】了解 useReducer

joking_zhang 7月28日发布
2 收藏

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

【译】你应该了解的 CORS

joking_zhang 7月21日发布
26 收藏

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

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

joking_zhang 7月15日发布
29 收藏

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

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

joking_zhang 7月6日发布
58 收藏

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

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

joking_zhang 6月15日发布
9 收藏

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

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

joking_zhang 6月9日发布
9 收藏

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

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

joking_zhang 6月2日发布
3 收藏

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

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

joking_zhang 5月23日发布
19 收藏

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

【译】什么是React Hooks

joking_zhang 5月19日发布
24 收藏

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

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

joking_zhang 5月12日发布
25 收藏

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

【译】函数式的React

joking_zhang 5月7日发布
13 收藏

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

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

joking_zhang 5月1日发布
25 收藏

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

【译】如何在 JavaScript 中使用对象的方法

joking_zhang 4月22日发布
17 收藏

JavaScript 中，对象是键/值对的集合。值可以包含属性和方法，并且可以包含所有其他 JavaScript 数据类型，例如字符串，数字和布尔值。