React Productivity Extension Pack

Installation

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install ickarakurt.react-productivity-pack

or install via terminal

code --install-extension ickarakurt.react-productivity-pack

Extensions

The extension adds HTML/JSX close tags automatically same as Visual Studio IDE or Sublime Text does.

Automatically rename paired HTML/JSX tag, same as Visual Studio IDE does.

Improve your code commenting by annotating with alerts, informational, TODOs, and more!

This extension styles CSS/web colors found in your document.

The extension adds a Docker menu to the side panel of VsCode. With this menu, you can build, manage, and deploy containerized applications from Visual Studio Code. It also provides one-click debugging for some languages.

The extension makes the environment files more readable by using color schema.

Integrates ESLint into VS Code. If you are new to ESLint check the documentation.

Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository. It helps you to visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more.

GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type. GitHub Copilot is powered by the OpenAI Codex AI system, trained on public Internet text and billions of lines of code.

This extension colorizes the indentation in front of your text, alternating four different colors on each step. This is a really helpful extension to make indentation more visible.

The extension adds a new menu to the side panel of VsCode. You can add your projects and easily switch between projects.

The extension autocompletes filenames. It is really useful while you are importing a component.

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

By using a simple keyboard shortcut, you can add a console logline in a readable format

Show your support

Give a ⭐️ if this project helped you!