React Newsletter – Issue 88 – Oct 12th 2017

Debounce Your React and Redux Code to Improve Performance

A debounce is a tool that every web developer should have in their kit. It improves performance by limiting the number of expensive calculations, API calls, and DOM updates. Although the debounce technique has been around for years, it’s still a great option to employ with modern libraries and frameworks. In this article, you’ll learn how to use Debounce to improve the perf of your React and Redux code.

React, Inline Functions, and Performance

Turns out, inline functions in your render method aren’t your performance bottleneck. This article explains why.

React Elements vs React Components

A guide to understanding the difference between Components and Elements in React.

Create React App with an Express Backend

If you haven’t heard of it yet, Create React App is an awesome way to get started with React. But what if your app isn’t purely frontend? What if you need to connect to a backend server? Create React App has you covered. In this post you’ll set up a React app alongside an Express backend app, and wire up the UI to fetch some data from the backend.

Case study of SSR with React in a large e-commerce app

SSR with React is hard. This article makes it a bit easier though. In this case study you will learn: Concrete tips for handling issues that can occur while implementing SSR, the approach we used to go from knowing nothing about SSR to have it implemented in production, and the thought process behind our decision making.

End-to-end testing on a React-Redux app

Dario struggled for some time around the end-to-end testing setup in my React-Redux app. He came out with some ideas and a workflow that he would like to share. This article is how it works.

React SSR

Struggling with SSR in React? This article’s purpose is to climb up the steps of developing an SSR React app from scratch.


React Call Return in Angular React Call Return in Angular This article continues in the theme of taking React articles and reimagining them in Angular. See TemplateRefs are A...
Recharts 1.0.0 beta.0,React 和 D3 构建的图表库... Recharts 1.0.0 beta.0 已发布,距离 1.0.0 正式版发布又近了一步。更新如下: feat 允许 ReferenceArea 覆盖可用空间 支持 React 16 fix 修复在切换 isAnimationActive 的值...
使用 Puppeteer 和 Jest 测试你的 React 应用... 端到端测试可以帮助我们确保 React 应用中所有的组件都能像我们预期的那样工作,而单元测试和集成测试做不到这样。 Puppeteer 是 Google 官方提供的一个端到端测试的Node 库,它向我们提供了基于 Dev Tools 协议封装的上层 API 接口来控制Chromium。有...
React 中的 dumb 组件和 smart 组件 原文: 当你开始起步学习 React,很快就会接触到组件(Component)的概念,正是这一概念让 React 脱颖而出。创...
Building an accessible Modal component with React ... The elusive Modal component is a staple in any website's arsenal but is still one of the more complex components to build, especially when conside...
责编内容来自:React Newsletter (源链) | 更多关于

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » React Newsletter – Issue 88 – Oct 12th 2017

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录