Comments (8)
@matheus-garcia I just released version 3.2 which slightly improved the perceived performance of the initial load. It is not a game changer, it just attempts to load the first category before rendering all the rest. It might help until I actually implement something more sophisticated.
from emoji-picker-react.
So this requires some work, and in some ways is related to the lagging search issue #133 . Since I batch-render everything at once I don't really have an easy to set and stop the loader. I'll have to make some changes to introduce that. In the meantime I'll add some other small perf wins to at least make it feel a little better.
from emoji-picker-react.
hey @matheus-garcia
I am wondering at which stage do you see the need in this feature?
Because definitely we don't want to be waiting for all 1500+ emojis to be rendered. Would the initial group suffice in your opinion?
from emoji-picker-react.
Yes, any group loaded would remove the loading screen.
from emoji-picker-react.
Thanks, I'll check it out :)
from emoji-picker-react.
I'd like to vote for this feature as well
from emoji-picker-react.
Let's add this for a new version tracking. Not sure how an API would look like, probably give you the ability to provide a custom spinner.
from emoji-picker-react.
Let's add this for a new version tracking. Not sure how an API would look like, probably give you the ability to provide a custom spinner.
A skeleton loader would probably look best. Please implement this feature soon, as the user will think nothing is happening after they click to open this emoji picker and there is no visual indication that something is happening. it takes 2 seconds for me between clicking and something showing up on the screen.
from emoji-picker-react.
Related Issues (20)
- Custom emojis HOT 2
- Size of the library + SSR HOT 2
- Question: How to put apple smile in my input? (React)
- Enable/disable images as source for emojis HOT 2
- i wish there will be `how to run` section at readme file HOT 2
- onEmojiClick doesn't have access to the current state of the parent component HOT 8
- Missing & double emojis on Windows 11 HOT 3
- can't select "hand with fingers splayed" emoji in any skin colour other than Neutral HOT 5
- Can't load custom emojis from an API call. HOT 7
- 无法只需要部分表情 HOT 2
- how about upgrade project to use current node version? HOT 2
- `npm install` & `npm run storybook` instructions at contributing.md. should it be `yarn` & `yarn storybook`?
- Emojis aren't appearing on macOS Sonoma Chrome until hovering over them HOT 2
- emoji.length is 5 for some emojies and 2 for some HOT 1
- not working in electron windows. HOT 9
- Can I choose several emojis to form a group? And configure its navigation and header? HOT 5
- aria-label and title in Clear button HOT 1
- Accessible names of icons HOT 3
- Emoji Picker is downloading a ton of png emojis every render HOT 1
- emoji image loading failed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from emoji-picker-react.