Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates #1374

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

gitmotion
Copy link
Contributor

@gitmotion gitmotion commented Oct 28, 2024

@CorentinTh
related to: #1176

Before After
demo demo
Eagerly loaded the entire list of emojis Lazy loading implemented to load only the first 30 emojis from each group
Search would remove the list below and then have to reload the entire list again Search retains initially loaded list so it does not have to reload the entire list for better performance
Included "Load More" and "Load All" buttons to allow users to view the entire list if desired
Added collapsible Group Headers for improved navigation on the page and mobile experience
Retains all previous functionalities, including search and emoji copy actions
image image
Want this change?

Check it out here: (https://gitmotion-it-tools-beta.vercel.app/emoji-picker)

You can use my image in your docker-compose file if you want this functionality along with my other additions until the main branch has been updated. view full list of features added in readme

Installation methods

Docker Image Local Installation
ghcr.io/gitmotion/it-tools:latest git clone -b gitmotion/main https://github.com/gitmotion/it-tools.git && cd it-tools/ && pnpm i && pnpm dev
replace your current image with this image copy & paste oneliner (from github repo)
You may need to clear cache and hard reload to get new features loading Installing packages for the first time may take some time; please wait until it finishes

Copy link

vercel bot commented Oct 28, 2024

@gitmotion is attempting to deploy a commit to the Corentin Thomasset's Team Team on Vercel.

A member of the Team first needs to authorize it.

@gitmotion gitmotion changed the title feat(emoji-picker) add lazy loading to improve initial load performance feat(emoji-picker) add lazy loading to improve initial load performance and user experience Oct 28, 2024
@gitmotion gitmotion changed the title feat(emoji-picker) add lazy loading to improve initial load performance and user experience feat(emoji-picker) implement lazy loading to improve initial load performance and user experience Oct 28, 2024
@gitmotion gitmotion changed the title feat(emoji-picker) implement lazy loading to improve initial load performance and user experience feat(emoji-picker) implement lazy loading to improve initial load performance and user experience updates Oct 28, 2024
@gitmotion gitmotion changed the title feat(emoji-picker) implement lazy loading to improve initial load performance and user experience updates feat(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates Oct 28, 2024
@gitmotion gitmotion force-pushed the feat/emoji-picker-add-lazy-loading branch from 48a0757 to eb54661 Compare October 28, 2024 16:43
Copy link

sonarcloud bot commented Oct 28, 2024

@gitmotion gitmotion changed the title feat(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates fix(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates Oct 28, 2024
@gitmotion gitmotion changed the title fix(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates feat(emoji-picker) implement lazy loading to improve initial load/search performance and user experience updates Oct 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant