Tired of unorganized code and 100+ VS Visual Studio Code tabs? Here's my secret 👀 #WhiteboardTheWeb edition 76

@code So we just move from 20+ tabs to 2k lines 😄

@code Something something "abstraction is just moving complexity around" 😅 Seriously, I recommend this for the speed of iterating and refactoring above all. Hopping across hundreds of files (and renaming) is much harder than a "replace all" that VS Code can map out for you

DeskBoard Buddy is the ultimate sticky note replacement tool. Stay productive during your work day by keeping your to-do list in front of you on the DeskBoard Buddy’s glass whiteboard surface. It's also perfect for jotting down notes or ideas during meetings and phone calls.

@code AHA programming spirit! Put things in one file until it becomes unmanageable then break. I used to find the *perfect* project structure, now I let the structure develops over time. Though for projects you already know the big scope, some kind of folder structure would benefit.

@bhuynhtweet @code Yesss I've looked to @dan_abramov's wet codebase talk for this. Some spare notes here!

@code I keep the entire project in one file using GOTOs...

@code For smaller projects, this is perfect 🦾 As projects grow, it’ll take you ages to break it all out of the mess you have created 😂

@code i still don't get the one/many file debate... aren't we all using editors that make it easy to get to the implementing file?

@code This is something I struggle with when I read open source code. You go in, and see a plethora of folders, lib, bin, utils, misc... and the index is just re-exporting everything. You start following the import paths and realize 90% of these files have a single function [1/2]

@code ONE neat trick, React devs HATE him

@code Multiple components per file is why I’ve moved away from Svelte toward Solid! I love it as a pattern for organizing, and for controlling what does and doesn’t get exported