react-window
filemanager
Our great sponsors
react-window | filemanager | |
---|---|---|
38 | 304 | |
15,275 | 23,611 | |
- | 3.5% | |
2.6 | 8.7 | |
about 1 month ago | 7 days ago | |
JavaScript | Go | |
MIT License | Apache License 2.0 |
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-window
-
Virtual Scrolling in React: Implementation from scratch and using react-window
As we have seen in the previous section we can implement virtual scrolling from scratch. In this section, we'll discuss a third-party tool called react-window that allows us to implement virtual scrolling in a much easier way.
-
React Virtualisation from scratch
If you have been using React for awhile, you may have heard of the infamous virtualisation library react-window or it's predecessor react-virtualized
-
Top 7 Libraries for Blazingly Fast ReactJS Applications
React Window is used to render long lists. Imagine you have a list of 1,000 items. Only ten are visible simultaneously, but your code tries to render all 1,000 items simultaneously.
-
Is there a perfect virtual list solution in react?
You can try react-window by Brian Vaughn
-
Help creating an infinite scroll and skew scroll animation at the same time
I'm trying to use react-window and react-nice-scroll together but unfortunately it didn't work at all. As soon as I wrap my component with from react-nice-scroll everything disappears.
-
Memoizing table rows in a table that can be filtered
This is what you should look into. (Virtualization)
-
What's you opinion on the new Reddit design ditching React in favor of Lit for mostly performance reasons?
Take a look at react-window. But just my perspective; if you haven't needed to look into what virtualization is, it's probably because you haven't had a need for it yet. The one implication (which you'll see in another comment form me in this thread) is that it removes CTRL+F search functionality for items outside of the "window".
-
5 Tips for Optimizing ReactJS Performance and Building Lightning-Fast Applications
Virtualization can be achieved using third-party libraries like react-window or react-virtualized. These libraries provide a way to render only the visible data and load more data as needed, resulting in faster application performance.
-
Pagination in Next 13
If the API data is not paginated (i.e. you’re getting all your data in one go), then you may not need pagination. If rendering performance is an issue, a virtualized list may be more appropriate. If the response is too big and is slow to fetch it’s another issue entirely, since if the API doesn’t support offsets / pages you would need to invent a criteria to paginate your data on, or fetch it on the server using React Server Components which gives you implement a cache layer and potentially allows to only send a chunk of that data to the client, but you see how that can get complex fast.
-
Introducing Suspense: APIs to simplify data loading and caching, for use with React Suspense.
Oh, right. I totally forgot to mention that– but the idea of "less rendering" in this case seems less like a Suspense concern and more like a windowing concern. I've written a few libraries for that stuff (react-window and react-virtualized) although there are others that may fit your needs better. Their main focus is limiting what you're rendering to more or less only what's on the screen at any given point. Combine that with memoized filtering and I would imagine you're set.
filemanager
-
Homelab Adventures: Crafting a Personal Tech Playground
File Browser
-
h5ai – modern HTTP web server index
Thanks for sharing. I wasn't aware of dufs and it looks very solid. Fileserver[0] is another popular choice, though it's more GUI-oriented for file operations.
[0]: https://filebrowser.org/
-
Ask HN: Spreadsheets like Google Sheets but not from Google?
The OnlyOfffice desktop app is a pretty good and free alternative to Microsoft Office Suite. You can simply install it on your local machine for offline access.
OnlyOfffice is also self-hostable as a web app for a cloud alternative to Google Sheets.
Filebrowser is a self-hostable alternative to Google Drive.
There's a pull request open to integrate OnlyOffice with Filebrowser for self-hosted google-drive + google docs.
https://github.com/filebrowser/filebrowser/pull/1420
-
Ask HN: What is the best FOSS file sharing protocol/app?
For strictly local use, Google's Nearby share is technically FOSS but the documentation is basically non-existent and a proper Linux implementation is not here yet. Alternatives aren't hard to find though, with Mint's Warpinator or KDE Connect having worked well for me.
For non-local use (everything out of Bluetooth range), you almost have to trust a third party and it really depends on your use case. Want to send your friend a file or host pictures of your birthday for multiple people to download? For the former magic wormhole works great, for the later you could almost spin up a nextcloud or similar (personally I like https://github.com/filebrowser/filebrowser ). Want to regularly send files from device 1 to device 2? Now classic sync solutions like syncthing become really viable.
If everything else fails, FTP always has your back
-
Finally a decent file browser in Game mode
I have been looking for a file browser which can run in game mode and is reasonably user friendly for simple file operations (copy/delete/rename, etc). Most people recommend Dolphin. it does work but there are issues: the color scheme looks really weird in game mode. context menu does not like game mode, either. Got file browser working (https://github.com/filebrowser/filebrowser) in game mode, which essentially an Edge app accessing a web server on localhost (running as user service). It took some time to set up but the end result is exactly what I would like to have.
-
List of your reverse proxied services
File Browser - For access to the files on my NAS
-
Self Hosted File upload service
filebrowser has user management plus sharing capabilities
-
Folder/File sharing with multiple links
Filebrowser suppports multiple shares with different expiration dates. It also offers file previews and generates QR Codes for the shares.
-
I need help creating a diy nas for under $1000
NextCloud is great for this, but if we're talking sharing files from your sync'd project collection, I'd probably instead recommend Filebrowser. You can point it to the same data store that syncthing is using and it'll make it easy to share the projects. Note that in order to do this you'll need to open up and expose filebrowser publicly. The simplest way to do this would probably be a cloudflare tunnel and for sharing files like this ad-hoc I don't see any issues with their TOS. For things like SyncThing though you'll still wanna do conventional port forwarding. the DIY approach instead of CloudFlare tunnel would be to port forward, set up a dynamic dns record, and set up letsencrypt certs
- Does FileBrowser have a log of downloaded files ?
What are some alternatives?
react-virtualized - React components for efficiently rendering large lists and tabular data
Nextcloud - ☁️ Nextcloud server, a safe home for all your data
react-lazyload - Lazy load your component, image or anything matters the performance.
Filestash - 🦄 A modern web client for SFTP, S3, FTP, WebDAV, Git, Minio, LDAP, CalDAV, CardDAV, Mysql, Backblaze, ...
vue-virtual-scroll-list - ⚡️A vue component support big amount data list with high render performance and efficient.
filegator - Powerful Multi-User File Manager
react-list - :scroll: A versatile infinite scroll React component.
OpenMediaVault - openmediavault is the next generation network attached storage (NAS) solution based on Debian Linux. Thanks to the modular design of the framework it can be enhanced via plugins. openmediavault is primarily designed to be used in home environments or small home offices.
react-infinite
h5ai - HTTP web server index for Apache httpd, lighttpd and nginx.
react-select - The Select Component for React.js
tinyfilemanager - Single-file PHP file manager, browser and manage your files efficiently and easily with tinyfilemanager