Don't use 3rd party libraries: NIH syndrome is plaguing our industry like a disease already. Can't wait until companies realize they need half the devs they do now. Our industry needs a wake up call, especially for immature developers who waste company money
Forms don’t have to suck: Just use hook form, or use uncontrolled forms. Or better yet if you have a simple form don't use a frontend library at all.
Any component that expects a state has a hook: Please God no. Write code. When you write it 3 times abstract it.
CSS: Use styled components: No
Components: No, use flat file structure. Don't use the whole Folder/index mess. It's a nightmare. Just do Button.tsx, UserFeed.txt / etc. Put components next to feature unless they're generic. Just use tailwind.
Split the routes using loadable components or the equivalent in Next: Ok.
Folder Structures: No
Decoupling logic from components: 100% never do this. Ever.
Native like Page Transition: No. Don't use animations for page transitions on web or PWA's. Those are reserved for actual native apps.
Context’s: Don't use Context, unless it's literally for if the user is logged in. Everything else should use some kind of 3rd party library (Mobx, Redux, Recoil, Zustand) that uses subscriptions to circumvent React's extremely slow and outdated way of rendering. Alternative: Use react-query for most date fetching / global state.