Best of DevToolsMarch 2022

  1. 1
    Article
    Avatar of tdsTowards Data Science·4y

    My Favorite VS Code Extensions of 2022

    The Atom One Dark theme is my favorite because the colors have useful contrast and look great. VSCode Great Icons look so much better than the default, and the folder icons make it easier to tell which directory I’m in. I find this especially useful when writing React components where a lot of the boilerplate code gets repetitive.

  2. 2
    Article
    Avatar of vscodeVisual Studio Code·4y

    The problem with tutorials

    Tutorials on how to use Remote Containers in Visual Studio Code have low completion rates. Laravel PHP project elegantly implements this in their own tutorials to great effect. The idea behind containerized dev environments is that you develop inside of a Docker container. The Remote - Containers extension for VS Code does exactly this.

  3. 3
    Article
    Avatar of beambloggersBeam Bloggers Webring·4y

    13 tips for junior developers on how to make a great impression with your take-home coding task

    13 tips for junior developers on how to make a great impression with your take-home coding task. Find out what the company expects you to do and how to do it. Read the instructions that you have been given well and look for subtle hints. Read your own code twice to make sure you didn’t miss any requirements.

  4. 4
    Article
    Avatar of tilThis is Learning·4y

    Visual Studio Code - Tips & Tricks - Snippets

    Snippets are part of the Visual Studio toolkit. You can create your own snippets available in all your projects. Snippets can also be created for a specific project and accessible by all the team of that project. Each snippet is defined under a snippet name and has a scope , prefix , body and description.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn Vim – Beginner's Tutorial

    Vim is a highly configurable text editor that you can use for software development or any kind of text editing. When someone masters Vim, they can often be more efficient with it than using other text editors. In this course you will learn how to use all the most common Vim commands and some common Vim extensions.

  6. 6
    Article
    Avatar of gcgitconnected·4y

    Introducing Nexus — a Component Tree Visualizer for Next.js

    Nexus is a VSCode extension designed for Next.js development. It shows a tree-like structure with relevant data fetching information for all nested components. It can also identify server-side rendering opportunities or bottlenecks right in the sidebar of the IDE.

  7. 7
    Article
    Avatar of devdojoDevDojo·4y

    5 VSCODE Extensions for JavaScript Develeopers!

    JavaScript (ES6) Code Snippets contains code snippets for JavaScript in ES6 syntax for VSCode (supports both JavaScript and TypeScript) Quokka.js provides rapid JavaScript prototyping in your VS Code editor. ESLint runs ESLint rules on your code and integrates the result within the editor.

  8. 8
    Article
    Avatar of beyondcodeBeyond Code·4y

    CSS to Tailwind converter – Windy

    Windy is a browser extension for Google Chrome and Firefox. It automatically converts any existing HTML elements into Tailwind CSS components. The process directly allows you to create new components and make adjustments where needed. As Windy does the heavy lifting, this reduces the time for the conversion by an order of magnitude.

  9. 9
    Article
    Avatar of jetbrainsJetBrains·4y

    JetBrains’ Statement on Ukraine

    JetBrains was founded in Prague, Czech Republic, 22 years ago. The decision to suspend our operations in Russia has been the most difficult one JetBrains has ever made. It affects us as a company, and more importantly, affects our people. It goes against the values that this company has always stood for.

  10. 10
    Article
    Avatar of tsTypescript·4y

    Announcing TypeScript 4.6

    TypeScript is a language that builds on JavaScript and adds syntax for types. TypeScript can use this information to help you avoid mistakes like typos, missing arguments, or forgetting to check for null and undefined. It uses the information from these types to give you an amazing editing experience, powering things like code-completions, go-to-definition, renaming and more.

  11. 11
    Article
    Avatar of btrprogBetter Programming·4y

    5 JetBrains Plugins To Boost Your Productivity!

    JetBrains IDEs already have a great Git integration that makes it easy to see the changes you’re making. GitLive adds a tool window that shows the collaborators from your repository where you can easily view diffs of the file changes. Code Time is an open source plugin for automatic programming metrics and time tracking.

  12. 12
    Article
    Avatar of phProduct Hunt·4y

    Luvia Theme For Visual Studio Code - Dark Visual Studio Code theme for those who code at night

  13. 13
    Article
    Avatar of sectionioSection·4y

    Next.js Blog using Typescript and Notion API

    Next.js is used to create Server-side Rendering (SSR) and Static Site Generation (SSG) using JavaScript. The app fetches extra data from the server after the browser loads the website’s HTML page. SSG makes the site load even faster, creating a better user experience. This guide will help you learn how to use Next.js with Notion API to create a blog app.

  14. 14
    Article
    Avatar of phProduct Hunt·4y

    Neverinstall 2.0 - A new-age personal computer, over the cloud

  15. 15
    Article
    Avatar of devtoDEV·4y

    Hidden gems - 5 JetBrains plugins to boost your productivity! 💎

    GitLive is one of my favorite plugins to enhance the IDE’s built-in Git functionality. Git Machete is a useful plugin that helps you keep track of all the branches, their relationship with each other and with the remote repository. Stepsize is an example of a tool that can save you time spent on tracking and addressing potential problems.

  16. 16
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

    Let’s Explore The Best React Developer Tools

    React development tools are made up of many libraries that assist developers in creating highly efficient multi-platform apps. Let’s Explore The Best React Developer Tools for Chrome and Firefox. There are a plethora of React developer tools available for Firefox and Chrome. How to use the React DevTools?

  17. 17
    Article
    Avatar of ghblogGitHub Blog·4y

    GitHub Copilot now available for Visual Studio 2022

    GitHub Copilot is available in Visual Studio 2022. You can install the extension by going to Extensions > Manage Extensions. You will then be prompted to authorize Visual Studio with the GitHub Copilot service. The extension will automatically suggest the code that it thinks you might want to use.

  18. 18
    Article
    Avatar of gcgitconnected·4y

    Level Up Your Vim Experience

    Vim is a free and open-source text editor. It can be used to edit dotfiles. Here are some of the most popular Vim Plugins. Use these tools to help you set up your own Vim environment and learn more about Vim’s features.

  19. 19
    Article
    Avatar of hashnodeHashnode·4y

    How I made Postman Clone using HTML, CSS & JavaScript

    Postman is a popular application programming interface that makes it easy for developers to create, share, test and document APIs. In this tutorial, we are going to build a website using Postman and Bootstrap. For this project, we will use the Visual Studio Code.

  20. 20
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Learn WebGPU – A next-generation graphics API for the web

    We just published a WebGPU course on the freeCodeCmap.org YouTube channel. Dr. Jack Xu developed this course. He has over 25 years of programming experience and has published multiple books about WebGPU. You will learn how to create each project from scratch and how to add 3D graphics to your web applications.

  21. 21
    Article
    Avatar of phProduct Hunt·4y

    Notion Website Suite - Website template built on Notion

    Notion website suite will make your presence and work strong and more organised without getting into coding languages. We all seek identity in the digital world and having our website helps to build that identity strong. Notion is available in English, French, Spanish, German, Italian and Italian.

  22. 22
    Article
    Avatar of dzDZone·4y

    10 JetBrains Extensions to Fight Technical Debt

    Many Engineering teams are under huge pressure to build fast and often lacking time to fix and clean up their codebase. In such situations, technical debt quickly builds up, and Engineers are looking for ways to keep the codebase healthy while shipping fast. My last article on 10 VS Code Extensions to Fight Technical Debt got over 50,000 views and 500 reactions.

  23. 23
    Article
    Avatar of gcgitconnected·4y

    Why I Chose to Learn Vim

    Ilya Pavlov recently started a software developer apprenticeship program. His mentor suggested he learn Vim, a new code editor. Pavlov says learning Vim is the right way to go if you are intimidated by a new tool. Here are a few suggestions to get you started learning Vim.