原文：How to Contribute to Open Source Software作者：Matt Eland译者：博轩为保证文章的可读性，本文采用意译，转载请保留原文链接前段时间参加了2020年1月11日Node party线下分享，justjavac 大佬分享的主题就是：《如何融入并贡献开源》（相关PPT，以及链接），感触颇多。今天又看到一篇讲关于如何参与开源的文章，...

开发者对于社区通常都会保持一颗敬畏之心。大会的志愿者和组织者完成了难以想象的工作，使得每一个参加会议的人都感到宾至如归。他们的努力使得我们每个人都有一种归属感，这给我留下深刻的印象。第二天，甚至还会有一些内部的活动。你是否想象过在会议上画过小人像（想像下《战锤》）？我现在有过了！因此，对于所有相...

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

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

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

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

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

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

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

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

原文：How to create a React frontend and a Node/Express backend and connect them作者：João Henrique译者：博轩 在本文中，我将引导你创建一个简单的 React 应用，以及一个简单的 Node/Express API，并将两者相互连接。 我不会详细介绍本文中提到的任何技术，但是我会留下链接，以便你想了解更多信息。 您可以在我...

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

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

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

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

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

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

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

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

原文：Functional Programming Principles in Javascript作者：TK译者：博轩 经过很长一段时间的学习和面向对象编程的工作，我退后一步，开始思考系统的复杂性。 “复杂性是任何使软件难以理解或修改的东西。” - John Outerhout 做了一些研究，我发现了函数式编程概念，如不变性和纯函数。 这些概念使你能够构建无副作用...

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