DEV Community

Nicholas Petrasek
Nicholas Petrasek

Posted on

Introducing the Enhanced @nipe-solutions/react-spring-bottom-sheet: Now Supporting React 18 and XState v5

✨ Updated Version

We're excited to announce the release of the updated @nipe-solutions/react-spring-bottom-sheet, a progressive enhancement of the original library authored by Cody Olsen. This project, which I have carefully forked from Jasmine GH's maintained version, now includes full support for React 18 and integrates the latest features from XState v5.

This release is not just a minor update; it's a significant leap forward, ensuring that the library stays in step with the evolving JavaScript ecosystem. We have worked diligently to incorporate the newest capabilities of React and XState, enhancing performance and developer experience.

📝 Attribution

Credit where credit is due: The seeds of this project were planted by Cody Olsen. I built upon the foundation laid by Jasmine GH, who has maintained the library with dedication. While my updates focus on aligning the project with the latest in React and state management practices, the historical contributions of Cody and Jasmine have been invaluable. For those interested in the evolution of this project or in previous versions, please visit the original repositories:

🔗 About the Update

In this updated version, we've made sure that the bottom sheet component is not only up-to-date with React 18's latest features like concurrent rendering and improved hooks support, but also with the robust, state-management capabilities provided by XState v5. This makes the component more reliable and smoother in its operations, enhancing user interfaces with finesse.

🔗 Library Compatibility

This update is designed to be an in-place replacement for previous versions, maintaining all the original syntax to ensure a seamless transition for existing projects. You can integrate this new version without any changes to your current implementation, benefiting immediately from the improvements in React 18 and XState v5.

🖥️ Example Code

For developers looking to integrate or upgrade to this new version, example code and detailed documentation are available on our GitHub repository and the npm package page. We encourage you to explore these resources to understand the enhancements and how they can be applied to your projects.

🌐 Live Demo

To see the @nipe-solutions/react-spring-bottom-sheet in action, visit our demo site at This will give you a firsthand look at the smooth functionality and updated features of the bottom sheet in a live environment.

🛠️ How You Can Contribute

The beauty of open source is collaboration. If you encounter any issues while using the updated @nipe-solutions/react-spring-bottom-sheet, or if you have suggestions for further enhancements, your contributions are welcome. Feel free to create an issue on GitHub or submit a pull request to help improve the library.

📣 Spread the Word

If you're excited about this release as we are, help us spread the word! Share this post on social media, within your professional networks, or with anyone who might benefit from this enhanced library. Together, we can continue to push the boundaries of what web technologies can do.

Stay tuned to our GitHub repository and npm package page for the latest updates and documentation. Whether you're upgrading an existing project or starting a new one, @nipe-solutions/react-spring-bottom-sheet is ready to help you create a seamless and engaging user experience.

Thank you so much for taking the time to read about our latest release. We hope you're as excited about these enhancements as we are. Your feedback and contributions are invaluable and make a significant difference in open-source projects. Your engagement not only helps us improve but also fosters a vibrant community around these initiatives. 🌟 Please don't hesitate to reach out, share your thoughts, or get involved. Together, let's collaborate to make the web a better place and enhance software development! 🚀

Top comments (1)

benvonalfies profile image

nice job!!