I’ve been learning svelte to make a cloud storage application that uses vim inspired keybindings to navigate and interact with the various files.
Since I just started learning svelte, the files are quite messy. I ran into a lot of problems early on because I was passing props between everything and making them bindable. It turned into an absolute mess and it was impossible to debug as I was trying to track a variable 5 files deep and back with it having a different value in each layer.
So after deciding there must be a better way I went back to the docs and found a section about shared state. And so I started moving my variables there that needed to be accessed by multiple components.
So far I have a decent app for personal use. The only basic function that its lacking is the ability to create folders. If the folders are there already (by making them manually in the backend) everything around that works fine with navigation and filling them with files. Once I find enough motivation to add folders I will put my app up on my personal server and try to get a version out that other people can take and run on their own machines.
Check out the source code here if you’d like to follow development: https://github.com/hstevenscli/neo-drive