update-btn (refresh button), device-list, user-profile-settings (profile = abbreviation)btn (too vague), d1 (meaningless), temp (unclear), us (abbreviation too short)-) for multi-word names..jsx: Layout only (no logic, no styles).js: Logic only (functions, state, business logic).scss: Styles only (no logic, no JSX)Never write logic or inline styles in .jsx files.
console.log statements in production code.switch statements instead of multiple if-else chains when checking the same variable against multiple values.Prefer early return pattern:
if (condition) {
...
return;
}
Instead of:
if (condition) {
...
} else {
...
}
Do not add if statements to check if directories exist, files exist, or if parsing succeeded. Let errors crash.