10 Work-Life Hacks for a Developer
How productive is your daily routine? You might be wasting time searching for things or missing easier methods to complete tasks. Here are 10 hacks to boost your productivity as a developer.
1. Open VS Code Online on GitHub
Use the online version of VS Code directly on GitHub. Press the period (“.”) key in any GitHub repository to open it in a browser-based VS Code, allowing quick code edits without local setup.
Microsoft Visual Studio Code is entirely browser-based and allows lightweight code changes and commits directly to a branch.
2. Automatically Convert JSON to Object Models
Generate object models from JSON using Quicktype.io. This tool supports many languages including TypeScript, C#, and Dart, saving hours of manual conversion.
{
"name": "results",
"properties": {
"token": { "type": "bearer", "value": "AbCdEf123456" },
"users": {
"userList": [
{ "name": "Harry", "age": 25 },
{ "name": "Mary", "age": 20 }
]
}
}
}
3. Easy Debugging
Use debugger; in JavaScript for simple breakpoint-like debugging in any front-end framework.
function submitForm() {
debugger; // Execution will pause here
// Form submission logic
}
4. One Tab for Managing Browser Tabs
Reduce tab clutter with the One Tab extension.
5. Automatically Add Bearer Tokens in Postman
Automate token addition in Postman by setting up an environment and adding a script to set the token.
pm.environment.set("access_token", pm.response.json().token);
6. Run Lengthy Commands with Bash Aliases
Use Bash aliases for frequently used long commands. Add aliases in the .bashrc file.
alias count='find . -type f | wc -l'
source ~/.bashrc
7. Send Emails from Client-Side with EmailJS
Use EmailJS to send emails directly from client-side JavaScript without a backend.
8. Prepare for Interviews with InterviewBit
Use InterviewBit for mock interviews, coding practice, and interview preparation.
9. Run Repositories Online with CodeSandbox
Use CodeSandbox for online code editing, real-time collaboration, and deployment. Import GitHub repositories by appending box in the URL.
https://githubbox.com/Yasas4D/ThemeChanger
10. Static Code Analysis
Use static code analyzers like ESLint for JavaScript to automatically check for errors and enforce coding standards.
yarn add eslint --dev
yarn create @eslint/config
These hacks can significantly enhance your productivity and efficiency as a developer. Give them a try!