brianhung / emojipicker Goto Github PK
View Code? Open in Web Editor NEW๐ twitter emoji picker written in react
Home Page: https://brianhung.github.io/EmojiPicker
๐ twitter emoji picker written in react
Home Page: https://brianhung.github.io/EmojiPicker
Hello, I can't complete the installation of the package
โ client git:(main) โ npm install --save github:brianhung/emojipicker
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/react-twemoji-picker
npm ERR! react-twemoji-picker@"github:brianhung/emojipicker" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! /Users/arl/.npm/_logs/2024-01-19T18_25_57_648Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in: /Users/arl/.npm/_logs/2024-01-19T18_25_57_648Z-debug-0.log
I have tried a lot of Twemoji pickers in React but this one seems to be the best. But when I tried to integrate it with my website which is already pretty heavy, upon scrolling the emoji picker, the whole UI got hung.
Since my React project is in javascript, I removed all Typescript syntax while using the EmojiPicker
component. I have even tried to replicate your demo website code in js but no luck.
Finally, I think although this project uses react-window
, svg is still heavy for the browser.
Could there be a simple way where svg
sprite's part can be provided to src
in img
tag and we can use this format with a prop on EmojiPicker
so that browser doesn't need to parse svg
?
Or is it not ok to use JavaScript instead of TypeScript while using the EmojiPicker
component? Please guide me.
it is not installing in windows operating system
error..........
D:\vue\react-learn>npm install --save github:brianhung/emojipicker
npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno ENOENT
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/brianhung/emojipicker.git
npm ERR! enoent
npm ERR! enoent
npm ERR! enoent spawn git ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Shuresh-Kushwaha\AppData\Roaming\npm-cache_logs\2020-08-21T13_21_49_377Z-debug.log
Hey,
As shows this screenshot, most emojis work fine , but this one
{"unicode":"1f972","name":"smiling-face-with-tear","keywords":["smiling face with tear","grateful","proud","relieved","smiling","tear","touched"]}
fails to be converted by unifiedToNative and i'm getting a ๐ฅฒ character.
I dunno if that's the only one.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.