smoke-and-mirrors
An Ember addon providing performant infinite-scroll and virtual rendering components for ambitious applications.
What is smoke-and-mirrors?
Smoke And Mirrors is an Ember.js addon that provides performant infinite-scroll and virtual rendering components for handling large datasets in web applications. It solves the performance challenges of rendering extensive lists by efficiently managing DOM elements and memory usage during user scrolling interactions.
Ember.js developers building data-intensive applications with large lists or feeds that require smooth scrolling and optimal performance.
Developers choose Smoke And Mirrors for its seamless Ember integration, performance-focused virtual rendering implementation, and ability to handle ambitious application requirements while maintaining idiomatic Ember patterns.
Overview
Ambitious infinite-scroll and svelte rendering for ambitious applications.
Use Cases
Best For
- Implementing infinite scrolling in Ember applications with large datasets
- Building performant list interfaces with thousands of items
- Creating feed-based applications like social media timelines or activity streams
- Optimizing rendering performance for data-heavy admin dashboards
- Developing Ember applications with smooth scrolling experiences
- Managing memory usage when displaying large collections in web interfaces
Not Ideal For
- Projects not using Ember.js, as it's a framework-specific addon with no support for other JavaScript frameworks.
- Applications with small or static datasets where the performance overhead of virtual scrolling is unnecessary and adds complexity.
- Teams needing a stable, feature-complete solution immediately, due to its ongoing rebuild phase and current limitation to only the vertical-collection component.
- Developers seeking pre-styled, out-of-the-box UI components, since it focuses purely on rendering logic without built-in design elements.
Pros & Cons
Pros
Built specifically for Ember.js with idiomatic APIs, ensuring seamless compatibility and leveraging Ember's lifecycle management for smooth development workflows.
Utilizes virtual scrolling to render only visible items, minimizing DOM nodes and memory usage for efficient handling of large datasets, as highlighted in its performance optimization features.
Optimized for data-intensive applications like feeds or dashboards, enabling infinite scrolling and smooth user experiences with thousands of items, aligning with its philosophy of handling ambitious applications.
Backed by active development with community channels on Discord and Slack, facilitating collaboration and updates, as noted in the README's support section.
Cons
Currently only provides the vertical-collection component, with other parts being rebuilt, reducing its utility for more complex virtual rendering needs beyond vertical lists.
Documentation is redirected to a sibling package, and the main addon's docs may be outdated or incomplete during the transition, potentially hindering onboarding and troubleshooting.
The ongoing rebuild phase may introduce breaking changes or bugs, making it less suitable for production environments that require long-term stability and predictable updates.
Frequently Asked Questions
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.