react-gallery-carousel
xstate
Our great sponsors
react-gallery-carousel | xstate | |
---|---|---|
20 | 60 | |
212 | 26,155 | |
- | 1.4% | |
0.0 | 9.6 | |
4 months ago | 2 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
react-gallery-carousel
- React Carousel Component "with Batteries Included"
-
My Carousel component ๐ solves 20 common issues in other Carousels
Demo: https://yifanai.com/rgc
-
My Mobile-friendly, Detail-oriented Carousel ๐ Component
GitHub: https://github.com/yifaneye/react-gallery-carousel ๐ Demo: https://yifaneye.github.io/react-gallery-carousel/ (or https://yifanai.com/rgc) npm: https://www.npmjs.com/package/react-gallery-carousel
- After using so many carousels, I wrote a mobile-friendly carousel ๐ with batteries included, that supports touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
- Mobile-friendly Carousel ๐ with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
-
Mobile-friendly Carousel ๐ with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations.
The live demo is at https://yifanai.com/rgc.
- To learn functional components and custom hooks, I wrote a mobile-friendly Carousel component with support for touch, mouse dragging, lazy loading, thumbnails, keyboard navigation and RTL.
-
To master JS events and DOM manipulation, I wrote a mobile-friendly detail-oriented Carousel component with support for touch, mouse dragging, lazy loading, thumbnails and RTL using React.
I tried many steps to make my carousel effective and accessible. Would you like to give me some advices? The live demo is at https://yifanai.com/rgc.
xstate
-
Mastering XState Fundamentals: A React-powered Guide
XState is a powerful library with comprehensive documentation. Keeping the documentation handy while building your next app with XState will be invaluable.
- 5 Alternatives to Redux for React State Management
-
Unleashing the Power of Actors in Frontend Application Development
XState is an excellent library that simplifies the utilization of actors in JavaScript applications. While this article focuses on using React, these principles apply equally well to other frameworks. In fact, they can be implemented anywhere JavaScript is executed.
-
Rethinking State Management - Why XState is a Game-Changer for Developers
In this article, I want to share a personal journey of discovery in the world of state management. My path led me to XState, a tool that I believe is the best choice for managing state in modern applications like React, Angular, Vue, and others. This isn't just a professional advice; it's a personal recommendation based on real-world experience.
-
Get out of state management hell with automatic revalidation
You add the current user state to a React Context or state management library, read from it on the top bar, and write to it after a user signs in. Done. No big deal, right?
- Como encontrar tema de tcc em ciรชncia da computaรงรฃo?
- Sequence diagrams, the only good thing UML brought to software development
-
Scalability: the Lost Level of React State Management
Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.
- JavaScript State Machines and Statecharts
What are some alternatives?
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
redux - A JS library for predictable global state management
downshift ๐ - ๐ A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
jssm - Fast, easy Javascript finite state machines with visualizations; enjoy a one liner FSM instead of pages. MIT; Typescripted; 100% test coverage. Implements the FSL language.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
ringpop-go - Scalable, fault-tolerant application-layer sharding for Go applications
react-on-screen - Check if a react component in the viewport
unsliderjs - A very simple JS slider.
zustand - ๐ป Bear necessities for state management in React
Kursor - Cursor style with javascript and css
awesome-workflow-engines - A curated list of awesome open source workflow engines