Need

My website has elements that are not 100% intuitive and they need explanation. I want to show a little popup with the explanatory text next to the element. The little popup should be displayed when the user cursor hovers the element and should disappear when the cursor moves out of the element.

Need

I have a large list of several thousands of entries that I want to show to the user.

I want to dispaly the entire list without pagination. But rendering all thousands of entries is performance-wise unpractical.

Instead of rendering all entries at once, the entries should be rendered only when they become visible as the user scrolls up and down the list. This technique is called "virtualization" or "lazy load".

Need

I have a list with a large number of entries. All entries can't be loaded and shown at once because there are too many of them. Instead of using pagination I want entries to be loaded and added to the list when the user reaches the end of the list when scrolling down the list. That way the user can view the entire list just by scrolling down. This technique is called "Infinite Scroll".

What React libraries are there to help me implement infinite scroll view?

Need

The W3C added a specification for `position: sticky` which is great but not implemented in all browsers yet.

The library doesn't need to be a polyfill and doesn't need to comply to the spec. I just want to make sure that an element is always visible. And I don't want to use `position: fixed` because the element should scroll along the rest of the content and should "detach" itself when needs be. Basically the element should switch between "position: static" and "position: fixed". See the W3C `position: sticky` for more information.

Need

I have a list of many options and I want the user to be able to choose one. A dropdown showing all options is not suitable since there can be hundreds of options. Instead the user should be able to type text and then only options matching the text are shown to him in a dropdown. I believe this technique to be called typeahead.

Need

I basically want something like `<input type="checkbox">` where the user is able to switch between on/off, yes/no, true/false, i.e. between two states. I'm also interested in libraries implementing a third "neutral"/"unselected" state.

Need

I want the user to be able to choose a value between a minimum and a maximum by visually moving a handle towards the minimum value to decrease the chosen value or towards the maximum value to increase the chosen value.

Need

Right now my app lets the user edit markdown source in a `<textarea>`. But I want the editing to be a nicer experience.

For example by changing the style of the source text depending on the markdown interpretation; a `**an emphasis**` should be shown in bold and a `# A Header` shown with an increased font-size. Or for example by showing control elements to insert new links, headers, quotes, etc.

Awaiting upvotes

Need

I want my website to be responsive; The layout of the website should adapt to the size of the viewport. For example a two column view on a wide desktop screen should collapse into a single column view on a smaller mobile screen.

4 hidden (4 in Graveyard)

Need

For example; My application is showing a list and the list's entries are ordered after number of upvotes. When the user upvotes an entry, the entry can move up in the list. Instead of the entry to abruptly move up, I want it to smoothly move up while smoothly pushing down the passed entries.

1-2 years old

Need

When the user navigates to another page, almost all websites instantly replace the old page with the new one. Instead, I want to "smoothly" transition from the old page to the new page with some kind of animation (fading, sliding, etc.). I'm open to what the animation is.

Need

I basically want responsive layout on the component level; I want my component to be aware of its width and height so that it can adapt and render differently depending on how much width/height is available.

Need

Flux introduced the concept of unidirectional data flow over data stores. There are now many implementations of this concept. What are the libraries implementing such store with the purpose of data management?

Need

Create asynchronous components, i.e. components that require to fetch data over the network.

I have components that need data from the server. For every such component I have to implement the logic of "initial render with missing data -> fetch data -> re-render with retrieved data". Are there libraries implementing that logic allowing me to create asynchronous components more easily?

Need

I want to use the fact that React elements can be rendered to HTML markup on the server. Are there libraries that help me build a React app that can render to HTML markup on server-side and as well render to the DOM on client-side?

Awaiting upvotes

Need

Some components are expensive to render and we want to render them only when they are visible to the user. This technique is also called *lazy loading* or *virtualization*.

Most virtualization libraries assume that the components to be lazy loaded are entries of a list and it is assumed that they are are all siblings and children of one same parent component.
It is not the case in our application and the expensive components to be lazy loaded are scattered around the element tree.

Are there libraries that allow to lazy load components that are at arbitrary positions? For example passing a prop `isVisible` to the expensive components would be a solution so they can render a cheap-to-render placeholder when `isVisible===false`.

Need

I'm not interested in libraries that only help set up vendor code snippets. I'm rather interested in libraries that ease integrating tracking events with React component events, React routes, link clicks, etc.