Codica React extensions pack

List of all extensions in this pack

Linters / Formatters

• ESLint - Linter
• Prettier - Code formatter - Code formatter
• Babel JavaScript - Syntax highlighting for today's JavaScript
• CSS-in-JS - CSS-in-JS autocomplete and conversion
• Code Spell Checker - Spelling checker for source code

Git

• GitLens — Git supercharged - Supercharge the Git capabilities built into Visual Studio Code
• Git Blame - See git blame information in the status bar.

IntelliCode

• Tabnine AI - Tabnine is an AI code assistant that makes you a better developer.

Snippets

• ES7 React/Redux/GraphQL/React-Native snippets - Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
• JavaScript (ES6) code snippets - Code snippets for JavaScript in ES6 syntax
• Emmet JSS - Emmet-like snippets for JSS
• Jest Snippets - Code snippets for testing framework Jest

Comments

• Better Comments - highlight TODOs
• Add jsdoc comments - Adds jsdoc @param and @return tags for selected function signatures in JS and TS

Refactor

• JavaScript Booster - Boost your productivity with advanced JavaScript/TypeScript refactorings and commands
• React Refactor - Recompose your overgrown JSX without worrying about the given data.
• Toggle Quotes - Toggle cycle " -> ' -> `
• Change case - Quickly change the case of the current selection or current word. (camelCase, CONSTANT_CASE, snake_case, etc)

Typescript

• JavaScript and TypeScript Nightly - Enables typescript@next to power VS Code
• TS/JS postfix completion - Postfix templates for TypeScript/Javascript
• JSON to TS - Convert JSON object to typescript interfaces

Jest

• Jest Runner - Simple way to run or debug a single (or multiple) tests from context-menu

Other Linters and Languages

• DotENV - Support for dotenv file syntax
• Docker - Adds syntax highlighting, snippets, commands, hover tips, and linting for Dockerfile and docker-compose files.
• Markdown All in One - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).
• MDX - Language support for MDX
• SVG - SVG Coding, Minify, Pretty, Preview All-In-One
• Font Preview - Preview fonts in VS Code

Other

• Live Share - Real-time collaborative development from the comfort of your favorite tools.
• Import Cost - Display import/require package size in the editor
• Color Highlight - Highlight web colors in your editor