Must-Have VS Code Extensions for JavaScript Developers

This simple extension provides syntax highlighting for .env files.

Prettier is an opinionated code formatter that enforces strict formatting rules to keep your code consistent. This extension allows you to run prettier on save, which is really handy.

AI-generated code autocompletions. Start typing and Copilot will generate code suggestions based on your input. Very often when you start typing the name of your function, it just autocompletes the entire function for you. It's hard to overstate how great this extension is. Does anyone even code without Copilot anymore?

Best tool for saving code notes and finding answers to code problems

This simple extension provides syntax highlighting for .env files.

AppMole is an all-in-one platform featuring a wide range of AI-driven tools and resources tailored for creators, influencers, and developers. It offers various web apps, marketing tools, and design apps, all aimed at streamlining workflows and enhancing productivity. Users can stay updated with the latest AI applications, reviews, and trending software.

This strictly speaking isn't a productivity extension but ads are way too distracting. This extension helps you purge them from your browser. Enjoy a calmer browsing experience!

Momentum replaces your default new tab screen with a beautiful, personalized dashboard. It shows you the time, current weather, and a beautiful landscape photo. It comes with simple productivity tools such as a pomodoro timer, to-do lists, focus time, link lists etc. Even if you don't use the productivity tools, it's just gorgeous to look at.

Limit allows you to put time limits on distracting websites. You get to choose how many minutes a day you're allowed to spend on each. After that, the website is blocked. It's a simple and effective tool for avoiding distractions and rabbit holes.

This dead-simple extension allows you to block distracting websites for a period of time your specify. You get to decide which websites to whitelist and which ones to blacklist. Block & Focus comes with statistics, keyboard shortcuts, breaks, and a few other functionalities but is overall a really simple and effective tool.

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

This dead-simple extension allows you to block distracting websites for a period of time your specify. You get to decide which websites to whitelist and which ones to blacklist. Block & Focus comes with statistics, keyboard shortcuts, breaks, and a few other functionalities but is overall a really simple and effective tool.

This simple extension provides syntax highlighting for .env files.

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

GoFullPage is a simple extension for taking full-page screenshots of websites. It handles all the scrolling and at the end allows you to export the website to png, jpg, or pdf.

Click with your keyboard. Have a bad touchpad? Trouble using a mouse? Love keyboard shortcuts? Link Hints is a browser extension that complements the built-in keyboard shortcuts with ones for clicking. Press Alt+J (Ctrl+J on macOS). This makes little yellow boxes with letters, called hints, appear next to links (and other clickable things). Type the letters to click the link. Alternatively, hold Shift and type a bit of the link text. The keyboard shortcuts and hints are fully customizable. Alt+J: Click links, buttons, etc. Alt+K: Open link in new tab. Alt+L: Open link in new tab and switch to it. Alt+Shift+J: Click many things. Alt+Shift+K: Open many links. Alt+Shift+L: Select element.

ChatGPT is still the best AI in 2024. I use it for coding pretty much every day and occasionally for one-off tasks and recipes. It's worth the $20/month fee.

Allboilerplates is a directory of starter kits that helps people find boilerplate code for their tech stack. Head on over to allboilerplates.com to find the perfect boilerplate for you!

Looking to implement structured data and don't know where to start? Google has excellent docs that explain what kind of structured data you need to provide to get certain types of search results. Bredcrumbs, articles, carousels, courses, reviews, FAQs, products, recipes and more - it's all covered there!

This strictly speaking isn't a productivity extension but ads are way too distracting. This extension helps you purge them from your browser. Enjoy a calmer browsing experience!

This dead-simple extension allows you to block distracting websites for a period of time your specify. You get to decide which websites to whitelist and which ones to blacklist. Block & Focus comes with statistics, keyboard shortcuts, breaks, and a few other functionalities but is overall a really simple and effective tool.

Momentum replaces your default new tab screen with a beautiful, personalized dashboard. It shows you the time, current weather, and a beautiful landscape photo. It comes with simple productivity tools such as a pomodoro timer, to-do lists, focus time, link lists etc. Even if you don't use the productivity tools, it's just gorgeous to look at.

News Feed Eradicator removes feeds from social media websites to help you use them more purposefully. Feeds are the most addictive parts of most website so this extension really helps you reduce mindless scrolling. News Feed Eradicator supports removing feeds from Facebook, Instagram, YouTube, Twitter/X, LinkedIn, Reddit, Hacker News, and GitHub. You get to pick which feeds to block and which to allow.

Click with your keyboard. Have a bad touchpad? Trouble using a mouse? Love keyboard shortcuts? Link Hints is a browser extension that complements the built-in keyboard shortcuts with ones for clicking. Press Alt+J (Ctrl+J on macOS). This makes little yellow boxes with letters, called hints, appear next to links (and other clickable things). Type the letters to click the link. Alternatively, hold Shift and type a bit of the link text. The keyboard shortcuts and hints are fully customizable. Alt+J: Click links, buttons, etc. Alt+K: Open link in new tab. Alt+L: Open link in new tab and switch to it. Alt+Shift+J: Click many things. Alt+Shift+K: Open many links. Alt+Shift+L: Select element.

Lucia is an open source auth library that abstracts away the complexity of handling sessions. It works with any JS runtime - Node.js, Bun, Deno, Cloudflare Workers. It's also fully typed. It integrates with MongoDB. PostgreSQL, MySQL, SQLite, and with their respective ORMs and query builders.

Formerly known as NextAuth. It's is an open-source authentication library originally built for NextJS. Auth.js is free to use and comes with over 80 integrations for various third-party identity providers such as Google, Facebook, Auth0, Apple etc. You can use it with your own database if you choose to. It works with MySQL, Postgres, MSSQL and MongoDB. Auth.js is compatible with Next.js, SvelteKit and SolidStart as of March 2024.

Remote OK is a popular job board with a mix of engineering and non-engineering jobs. There are a few dozen new jobs posted each day and you can filter by location, job type, salary, benefits etc. There is a mix of very small companies, startups and occasional enterprise and FAANG. You can sign up for their mailing list and receive new job offers by email.

This job board only has offers from companies that received funding from Y Combinator. You'll mostly find early-stage startup jobs, although a few more established companies also post their offers there. Quite a few offers are for first hires and most jobs offer equity. You can filter by years of experience required, job type, location, required visa status etc. You can also create a Y Combinator profile so that companies can find you. There is a limit to the number of jobs you can apply for each week, depending on your experience. It’s about 5-10 jobs a week.

Otta is different from the other job boards in that it only shows you jobs that fit your profile. You set your preferences, such as location (or remote-only), desired salary, tech stack, role, visa status etc. Then, you get new jobs daily, all of which are selected to match your profile and are of high quality. You also get to see the company's average response time and response rate. You can apply with Otta or on the company's website.

Formerly known as Angel List Talent, this job board focuses on startup jobs. You can filter by location, remote preferences, salary, equity percentage, years of experience, remote-first companies, investment stage, company size etc. Wellfound allows you to save and name your searches and filters to make job search easier. Finally, you can create a profile and apply for most jobs directly from Wellfound, and companies can discover your profile and reach out to you directly.

#1 source of daily updated remote jobs #remotework

Allboilerplates is a directory of starter kits that helps people find boilerplate code for their tech stack. Head on over to allboilerplates.com to find the perfect boilerplate for you!

Looking to implement structured data and don't know where to start? Google has excellent docs that explain what kind of structured data you need to provide to get certain types of search results. Bredcrumbs, articles, carousels, courses, reviews, FAQs, products, recipes and more - it's all covered there!

SaaSBoilerplates.dev is a curated directory that showcases a wide range of SaaS boilerplates, starter kits, and frameworks to help developers quickly launch their SaaS projects. The website features a carefully selected collection of tools and resources that cover various aspects of SaaS development, from authentication and payments to user management and deployment. Key Features 1. Extensive collection: SaaSBoilerplates.dev offers a comprehensive selection of SaaS boilerplates, catering to different frameworks, tech stacks, and development needs. 2. Curated by hand: The boilerplates are hand-picked and reviewed by a human to ensure quality, reliability, and relevance. No scraping, no AI-generated crap. 3. Detailed information: Each boilerplate listing includes a description, pricing, and key features to help readers make informed decisions. 4. Variety of use cases: The boilerplates cover a wide range of SaaS applications, including marketplaces, AI tools, landing pages, and more. Benefits 1. Time-saving: By leveraging pre-built boilerplates, developers can significantly reduce the time and effort required to set up the foundation of their SaaS project. 2. Cost-effective: Using boilerplates can help lower development costs by providing a solid starting point and reducing the need for custom development. 3. Scalability: Many boilerplates are designed with scalability in mind, making it easier to grow and expand the SaaS application as it gains traction. 4. Reduced technical debt: By using well-tested and maintained boilerplates, developers can minimise the risk of technical debt and ensure the long-term stability of their SaaS application. By leveraging the resources available on SaaSBoilerplates.dev, users can focus on building their core product features and bringing their SaaS ideas to life faster than ever before.