Interactivity and Dynamic UIs
  • References/JavaScript/React/Guides

You've already learned how to display data with React. Now let's look at how to make our UIs interactive

2025-01-10 15:47:30
Advanced Performance
  • References/JavaScript/React/Guides

One of the first questions people ask when considering React for a project is whether their application will be as fast and responsive as an equivalent non-React version. The

2025-01-10 15:47:30
Test Utilities
  • References/JavaScript/React/Guides

ReactTestUtils makes it easy to test React components in the testing framework of your choice (we use

2025-01-10 15:47:30
Performance Tools
  • References/JavaScript/React/Guides

React is usually quite fast out of the box. However, in situations where you need to squeeze every ounce of performance out of your app, it provides a shouldComponentUpdate

2025-01-10 15:47:30
Transferring Props
  • References/JavaScript/React/Guides

It's a common pattern in React to wrap a component in an abstraction. The outer component exposes a simple property to do something that might have more complex implementation

2025-01-10 15:47:30
Shallow Compare
  • References/JavaScript/React/Guides

shallowCompare is a helper function to achieve the same functionality as PureRenderMixin while using ES6 classes with React. If

2025-01-10 15:47:30
Add-ons
  • References/JavaScript/React/Guides

The React add-ons are a collection of useful utility modules for building React apps. These should be considered experimental and tend to change more often

2025-01-10 15:47:30
Cloning ReactElements
  • References/JavaScript/React/Guides

Note: cloneWithProps is deprecated. Use React.cloneElement instead. In rare situations, you may want

2025-01-10 15:47:30
Tutorial
  • References/JavaScript/React/Guides

We'll be building a simple but realistic comments box that you can drop into a blog, a basic version of the realtime comments offered by Disqus, LiveFyre or Facebook comments

2025-01-10 15:47:30
Keyed Fragments
  • References/JavaScript/React/Guides

In most cases, you can use the key prop to specify keys on the elements you're returning from render. However, this breaks down in one situation:

2025-01-10 15:47:30