Towards Data Science·4yMy 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.
Visual Studio Code·4yThe 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.
Beam Bloggers Webring·4y13 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.
This is Learning·4yVisual 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.
freeCodeCamp·4yLearn 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.
gitconnected·4yIntroducing 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.
DevDojo·4y5 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.
Beyond Code·4yCSS 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.
JetBrains·4yJetBrains’ 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.
Typescript·4yAnnouncing 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.
Better Programming·4y5 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.
Section·4yNext.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.
DEV·4yHidden 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.
JavaScript in Plain English·4yLet’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?
GitHub Blog·4yGitHub 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.
Hashnode·4yHow 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.
freeCodeCamp·4yLearn 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.
Product Hunt·4yNotion 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.
DZone·4y10 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.
gitconnected·4yWhy 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.