I want the user to be able to pick a date.
What are the React date picker libraries out there?
I want the user to be able to select a start date and an end date.
What are the React date pickers that support range selection?
The user should be able to select several dates in the calendar view. (Instead of having to re-open the date picker every time.)
Are there React date picker libraries covering that use case?
The user should be able to select an arbitrary date and an arbitrary time.
What are the React date pickers supporting time selection?
I want to the user to be able to pick a time independently of a date; The user should be able to select a time without picking a date.
What is the list of libraries implementing a time picker?
I want to present data in tabular format.
What React table libraries are there?
I want to display a new view in a popup superposing the current view.
It should be "modefull";, i.e. blocking; The user has to close the popup before proceeding.
For example a "yes/no" dialog or a modal to temporary show more information.
Such popup is also often called overlay, modal, alert, dialog, or lightbox.
What are the React modefull overlay libraries out there?
I want to notify the user that something happend. For that I want to use a little popup (e.g. 300px X 70px) for a short period of time that then automatically closes itself.
Such little popup is also often called toaster or snackbar.
What is the list of all good notification libraries for React?
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.
What React tooltips libraries are there?
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".
What React libraries are there to achieve that?
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?
The user can choose among several pages to navigate to / several actions to perform. I want to show him these routes / actions in a menu.
I'm open as to how. Classical ways are fine (e.g. a sidebar listing page names) but I'm also curious for innovative solutions.
What are menu/navigation libraries for React apps?
When you right-click on a file in a desktop interface a little popup is shown with possible actions to take, like deleting the file, renaming the file, etc. I want this for my React app.
What react context menu libraries are there?
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.
Are there libraries that help make a React element sticky?
To save vertical space, many mobile apps implement a header that disappears when the user scrolls down and appears again when the user scrolls up. Chrome for mobile does that for example.
I basically want the same thing than browser tabs but for my React app.
What React libraries are there to achieve that?
I want to let the user know when something is loading. E.g. when a form is being submitted, when the page is loading, etc.
I'm open for it to be a spinner, a progress bar, or whatever.
What are the different ways to show the user a loading status and what libraries are there for that?
I basically want a slideshow; There are several elements to be shown and one should be shown at a time in a rotating fashion.
I'm interessted in carousels that slide between images as well in carousels that slide between React Elements.
What libraries can I use to easliy implement such carousel with React?
I have an element I want to show to the user only upon a certain condition and instead of abruptly hide/show the element using `display: none` I want it to smoothly appear/disappear.
I have lot's and all kinds of data and I want to show them to the user in a nice way.
I'm up for all kinds of visualization.
I want to display the user a tree, i.e. a graph with a single parent.
Are there React libraries specialized in that?
I have a page with many sections. I want to display a menu listing all these sections. When the user clicks on a section in the menu then the page should scroll to the corresponding section.
Browser scroll bars are ugly, I want a personalized/cusrtomizable scrollbar instead.
Any React library helping create a custom scrollbar?
I'm curious of what kind of react libraries there are out there that have something to do with music and audio.
My app is dealing with lot's of video content.
I have all kinds of needs and it would be nice to have a list of all great video-related React libraries.
My app is all about showing information on a map.
I'm interessted in all kind of libraries that have something to do with maps.
Our app is a social news site and we are using React. We are showing lot's of dates and we want to display them a nice human readable format. E.g. "Posted 9 minutes ago.".
All kinds of ways to print times, dates, and time-agos in a readable fashion are interessting to us.
I've a collection of images I want the user to be able to browser over / navigate through.
Are there React libraries implementing a photo gallery?
I'm interested in libraries that help display a single image to the user.
With features like pan, zoom, etc.
I'm not interessted in image manipulation libraries but only in libraries that help show an image to the user.
I like emojis and I want to get to know all emoticon libraries for React apps.
I'm looking for a React component to generate QR codes.
I'm looking for a small component allowing the user to select what page should be shown. E.g. by showing page number buttons, a "next page" button, and a "previous page" button.
I'm looking for a library that parses markdown source to a React element.
Events are crucial to my app and the user should be able to view, edit and create new events.
He should be able to do all that with the help of a calendar view.
Is there a React library implementing such event calendar?
Are there React credit card form libraries?
I want to be able to arbitrary limit what the user can enter in a text input.
E.g. I want to be able to enforce the three first characters to be non-digit letters and the following three characters to be digits.
I'm looking for libraries implementing a telephone number input.
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.
What are the typeahead libraries for React out there?
I want something similar to the HTML `<select>` element. But `<select>` is not customizable.
What React dropdown libraries are there?
Instead of the user having to enter the color code, I want him to be able to choose a color in a visual way.
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.
What are the React libraries implementing such toggle?
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.
What are the slider libraries for React out there?
The user has to choose among a couple of choices and I want to show him all choices without a dropdown and in general without having him interact with the app.
So basically something like a `<form>` with several `<input type="radio">`.
What are the React libraries out there implementing such radio group?
I'm looking for a library that allows the user to select tags.
I want the user to be able to insert inline references in a text he is writing. On Facebook for example, a user can write a comment that includes a mention of a friend.
Are there React libraries that help me achieve that?
I want a text input / textarea that automatically resizes itself as the user adds / removes text so that the entire text is always visible.
Is there a React library that adds auto-resize functionality to a React input / textarea?
For example our app is showing entries that the user should be able to rate by "giving" between 0 and 5 stars.
Are there libraries that allow the user to "star-rate" something?
Instead of using the standard file select input `<input type="file">` we want the user to be able to drag & drop a file to our application.
Our application is showing elements that the user should be able to move around.
What React libraries are there that help add drag & drop functionality to our app?
My React app shows several code snippets and I want the user to be able to edit them.
I'm looking for a text editor specialized on source code editing, that is with features like highlighting, auto-indenting, etc.
I'm building a website where the user should be able to enter richt text, that is text that can include bolded text, links, headers, etc.
What are the rich text editors for React?
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.
Are there markdown libraries for React that implement such features?
I'm looking for libraries that let my users manipulate images. For example cropping, resizing, etc.
Are there image manipulation React libraries?
We are building an admin interface; We have different views and all the views should be visible at the same time on the user's screen.
It's not necessary but it could be interesting to allow the user to customize the layout. For example: resize views, re-arrenge views, remove/add views etc.
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.
What utilities are there that help implement responsive layouts?
I like pinterest's approach of showing elements of different heights by stacking them on each other into columns. Such layout is called masonry layout.
What masonry libraries for React are there?
For example, I have an application with a sidebar and I want the user to be able to increase/decrease the width of the sidebar by dragging the right border of the sidebar to the right/left.
Are there libraries that implement such resizer/splitter border?
I'm looking for libraries that makes it easier to create all kinds of animation.
Is there a library that make updates to a rendered list animated?
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.
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.
Instead of having to implement common components myself I want to use a UI framework with a coherent design.
The framework should include a system to have responsive views that adapt to the screen size.
I like Bootstrap, is there a React version of Boostrap?
I want my website to have a Material Design. Are there UI framworks following Material Design's guidelines?
My website will predominantly be used on mobile devices. Are there UI frameworks that are focused on websites primarily meant for mobile devices?
I want to use a collection of components instead of implementing my own. It doesn't need to include a responsive layout system.
I'm looking for a collection of form components.
I have many elements that are not shown within the viewport and hence not visible to the user. I want my components to be aware of whether they are visible to the user or not.
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.
I want to implement keybindings in my React app. Are there utilities to help me?
Handling touch events is hard, are there React libraries helping implement touch events?
There are no easy way to render the `<head>` portion of a website.
Are there libraries helping manipulate the `<title>`, `<meta>` tags, etc. by using React instead of DOM APIs?
I sometimes need a React element to be rendered at another node than under the DOM node of its React parent element. Libraries helping in that situations are called *portals*.
What are the React portals libraries out there?
We have several design ideas and we want to test out which one is the most effective. We want to use A/B testing to determine which one works best.
Are there React libraries that help set up A/B testing?
What kind of utilites are there to create React Components?
Are there utilities helping me integrate Redux into my React app?
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?
I find creating forms without two-way data binding cumbersome. Are there libraries to help create and manage form logic with React?
Are there libraries that help with storing form data in Redux?
React doesn't provide a router out of the box. What libraries are there that help implement page navigation?
Most of the pages need to retrieve data from the server before being shown to the user. Are there libraries that help integrate http requests or other types of asynchronous operations into routes?
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?
There seem to be many alterantives to Relay. What are the libraries that help integrate GraphQL into a React app?
Are there libraries that allow me to write such CSS in an inline fashion within my React components?
Styles are often only applied to one / a couple of React Components. In that case having CSS classes globally scoped is inconvenient.
This is the list of libraries that help set locally scopped CSS classes to React elements.
Creating React elements with only `React.createElement()` is not practical.
What libraries are there that ease the creation of React elements?
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?
What are the libraries that help set up a new React app?
Our users speak different languages and our app's text should be shown in different languages. What libraries are there to help implement i18n to a React app?
Both D3 and React manipulate the DOM and there don't seem to be a canonical way to integrate D3.
What are the different approaches and libraries to integrate existing D3 code into a React app?
I'm looking for a way to use a component written in Elm within my React app.
I want to use Backbone Models to represent data and I want React to do the rendering.
Are there libararies to help me integrate Backbone like this?
I want to track users with Google Analytics, what libraries are there to help me add Google Analytics tracking?
I'm looking for libraries that help me understand what's going on in my application.
What libraries are there out there to inspect the state of my React app?
I want to make my app snappier and I'm looking for libraries that help me understand what's going on in my application from a performance perspective.
Any libraries to help me inspect the performance of my app?
I want to improve the performance of my React UI.
Any library implementing a performance boost is welcome.
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`.
Are there libraries that help reduce the size of the source code transferred over the network?
I want to track what the users are doing in my application.
Are there libraries that help me track what the user is doing?
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.
I'm writing tests for my React app and I'm wondering what libraries there are that help write tests for React apps?
Since React elements can be rendered to HTML markup, a website with static pages can be build using React.
This is the list of libraries that help generate a static website with React components.
This is the list of libraries that don't fit any existing "Need".
Ideally libraries shouldn't be listed here and new "Needs" should be created instead.