dmitrymorozoff / react-spinners-kit Goto Github PK
View Code? Open in Web Editor NEWA collection of loading spinners with React.js
License: MIT License
A collection of loading spinners with React.js
License: MIT License
I don't know the best way to explain this but if you open the examples page on ie11 and scroll down to the metrospinner. You will see that its rotating in a circle around an axis, but if you open this same screen in Chrome it is fixed to that axis.
module not found: Can't resolve 'styled-components' in '/Users/***/node_modules/react-spinners-kit/lib'
I am getting the following error while running in my reactjs web application
any help appreciated
it is possiible to enbale compatibiliy with react-native?
I got the following error
undefined is not an object (evaluating 'u.default.div.withConfig')
consider exporting everything as a styled custom component to allow me to do something like
styled.div`
${ImpulseSpinner} {
position: absolute;
width: 100%;
height: 100%;
}
`
Please add v4 support for styled components.
If it's already supported, please just change the peerDependencies entry to 2.x || 4.x to fix the npm warnings when installing react-spinners-kit. (Note that the current ^2.x does not include v4 in its range.)
Contains a critical vuln:
Critical: Arbitrary Code Execution
Package: eslint-utils
Dependency of: eslint [dev]
More info: https://npmjs.com/advisories/1118
please remove and update
npm audit
npm audit fix --force
I am using this library as a dependency for a private npm package I am developing. I noticed I was having an issue developing my package locally because a dependency kept installing React when I did an npm install. This caused conflicts between my developer environment and local package. A symlink is usually used for both local projects to prevent this conflict. Upon further research I discovered 'react-spinners-kit' has react and react-dom in the dependencies which is causing it to automatically install. I believe best practice is to have it in peer dependencies and not dependencies.
When I tried to run project on my local system then I am getting this error and when I tried to install dependencies I am getting this
npm ERR! code 1
npm ERR! path C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\weak-napi
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c C:\Users\hriti\AppData\Local\Temp\install-4941a5d3.cmd
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: C:\Program Files\Python39\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack File "", line 1
npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:400:12)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1093:16)
npm ERR! gyp ERR! stack at Socket. (node:internal/child_process:451:11)
npm ERR! gyp ERR! stack at Socket.emit (node:events:513:28)
npm ERR! gyp ERR! stack at Pipe. (node:net:757:14)
npm ERR! gyp ERR! System Windows_NT 10.0.22000
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\node-gyp\bin\node
-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\weak-napi
npm ERR! gyp ERR! node -v v16.17.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\hriti\AppData\Local\npm-cache_logs\2022-12-29T05_36_39_005Z-debug-0.log
Please add support for styled components 5.
Please add a text prop for each spinner, so that the users can add some texts along with the spinners. It can be helpful and can serve as an enhancement to the module.
In the readme, the props are capitalized. I think all props are lowercase. Like for example the proptype color is not 'Color' but its 'color'. This confused for about 10 minutes. Would be better if we change the readme to lowercase. I know its obvious that it would be lowercase, but just putting it out here in case anyone might need it.
Hey, awesome project and really love the spinners!
Since I'm using styled-components on my project I get an error becuase react-spinners-kit ships it's own version of styled-components. Resulting in having two different versions of styled components installed.
To resolve this the following packages need to be moved from dependencies to both peerDependencies and devDependencies:
prop-types,
react,
react-dom,
styled-components
How to apply inline style? I'm using the react spinner like this:
<MetroSpinner size={80} color="#686769" loading={true} />
Hi, loaders are nice, but your library is single js file.
Size of this library is really bad. If i include just one component, it will bundle 117.6 kB of JS.
https://bundlephobia.com/[email protected]
So please build this library as es-modules
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.