compose-state
react-mentions
Our great sponsors
compose-state | react-mentions | |
---|---|---|
- | 2 | |
118 | 2,343 | |
- | 2.2% | |
0.0 | 5.9 | |
over 1 year ago | 4 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
compose-state
We haven't tracked posts mentioning compose-state yet.
Tracking mentions began in Dec 2020.
react-mentions
-
Adding #Hashtags and @Mentions
You could get some inspiration by looking at libraries in other languages. One is `react-mentions`. Check out its `MentionsInput` component. Extracting hashtags and "ats" is a substring problem. You could extract the hashtag or "at" string and save it to some ObservableObject in your view or ViewModel. For the networking side, you could listen to published changes to that ObservableObject and update other state variables as a result.
-
Need suggestions for Facebook-like mentions and hashtags with MUI
React Mentions - this is the only one I've tried so far and couldn't find an intuitive way to apply MUI styling
What are some alternatives?
rc-slider - React Slider
react-autocomplete-input - Autocomplete input field for React
react-scroll - React scroll component
react-tag-input - A fantastically simple tagging component for your projects
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
React Tag Autocomplete - ⚛️ Legacy repo for the fantastically simple tagging component for your React projects (legacy repo)
react-overlays - Utilities for creating robust overlay components
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
react-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript
mentions - React Mentions
react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
react-tokeninput - Tokeninput component for React