{"id":21101252,"url":"https://github.com/manuelgil/vscode-react-pack","last_synced_at":"2026-04-10T02:02:33.571Z","repository":{"id":213624586,"uuid":"734130615","full_name":"ManuelGil/vscode-react-pack","owner":"ManuelGil","description":"Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.","archived":false,"fork":false,"pushed_at":"2024-11-17T05:14:53.000Z","size":54,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-21T02:42:38.082Z","etag":null,"topics":["extension-pack","extensions","javascript","js","json","jsx","react","reactjs","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ManuelGil.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["ManuelGil"],"ko_fi":"ManuelGil","custom":["https://paypal.me/ManuelFGil","https://www.buymeacoffee.com/ManuelGil"]}},"created_at":"2023-12-21T00:15:43.000Z","updated_at":"2024-11-17T05:14:56.000Z","dependencies_parsed_at":"2024-11-17T06:19:27.338Z","dependency_job_id":"35fe79a4-73a1-4e22-9733-925dcf5105a3","html_url":"https://github.com/ManuelGil/vscode-react-pack","commit_stats":null,"previous_names":["manuelgil/vscode-react-pack"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-react-pack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-react-pack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-react-pack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-react-pack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManuelGil","download_url":"https://codeload.github.com/ManuelGil/vscode-react-pack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243544647,"owners_count":20308169,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["extension-pack","extensions","javascript","js","json","jsx","react","reactjs","vscode","vscode-extension"],"created_at":"2024-11-19T23:43:46.244Z","updated_at":"2025-12-31T00:24:47.263Z","avatar_url":"https://github.com/ManuelGil.png","language":null,"funding_links":["https://github.com/sponsors/ManuelGil","https://ko-fi.com/ManuelGil","https://paypal.me/ManuelFGil","https://www.buymeacoffee.com/ManuelGil"],"categories":[],"sub_categories":[],"readme":"# React Essential Extension Pack\n\n[![VS Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-react-pack?style=for-the-badge\u0026label=VS%20Marketplace\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)\n[![Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-react-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)\n[![Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-react-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack)\n[![Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-react-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack\u0026ssr=false#review-details)\n[![GitHub Stars](https://img.shields.io/github/stars/ManuelGil/vscode-react-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-react-pack)\n[![License](https://img.shields.io/github/license/ManuelGil/vscode-react-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-react-pack/blob/main/LICENSE)\n\n\u003e A curated collection of Visual Studio Code extensions to boost React, JavaScript, and TypeScript development productivity.\n\n## Requirements\n\n- Visual Studio Code 1.46.0 or later\n\n## Installation\n\n1. Install [Visual Studio Code](https://code.visualstudio.com/).\n2. Open the **Extensions** view (`Ctrl+Shift+X` on Windows/Linux or `⌘+Shift+X` on macOS).\n3. Search for **React Essential Extension Pack** or install directly from the [Marketplace](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-react-pack).\n4. Reload the editor to activate all included extensions.\n\n## Included Extensions\n\n| Category       | Extension                                                                                                                  |\n| -------------- | -------------------------------------------------------------------------------------------------------------------------- |\n| **React**      | [ES7 React Snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)                  |\n|                | [Vercel for VS Code](https://marketplace.visualstudio.com/items?itemName=HaydenBleasel.vercel-vscode)                      |\n|                | [styled-jsx](https://marketplace.visualstudio.com/items?itemName=blanu.vscode-styled-jsx)                                  |\n|                | [React File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nextjs-generator)               |\n|                | [GraphQL: Language Feature Support](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql)            |\n|                | [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)                 |\n|                | [vscode-styled-components](https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components) |\n| **TypeScript** | [TypeScript Importer](https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter)                                |\n|                | [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)                                     |\n|                | [Move TS](https://marketplace.visualstudio.com/items?itemName=stringham.move-ts)                                           |\n|                | [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)                                  |\n|                | [Pretty TypeScript Errors](https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors)                   |\n|                | [JavaScript \u0026 TypeScript Nightly](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next)    |\n|                | [JSON to TS](https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts)                           |\n| **Markdown**   | [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)                      |\n|                | [Markdown Lint](https://marketplace.visualstudio.com/items?itemName=davidanson.vscode-markdownlint)                        |\n|                | [Paste Image](https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image)                               |\n|                | [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)       |\n| **Git**        | [Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits)             |\n|                | [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)                                        |\n|                | [gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore)                                    |\n|                | [GitLab Workflow](https://marketplace.visualstudio.com/items?itemName=gitlab.gitlab-workflow)                              |\n|                | [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)                                             |\n| **Code Style** | [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)                                       |\n|                | [Prettier – Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)                    |\n|                | [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)                         |\n|                | [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)                       |\n|                | [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)                          |\n|                | [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)              |\n|                | [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)                               |\n|                | [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)                                 |\n|                | [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)                          |\n| **Utilities**  | [Auto Barrel](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-auto-barrel)                             |\n|                | [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)                                     |\n|                | [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)                                             |\n|                | [Draw Folder Structure](https://marketplace.visualstudio.com/items?itemName=jmkrivocapich.drawfolderstructure)             |\n|                | [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=editorconfig.editorconfig)                  |\n|                | [Image Preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)                   |\n|                | [JSON Flow](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-json-flow)                                 |\n|                | [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.liveserver)                                   |\n|                | [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)                |\n|                | [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)                             |\n|                | [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)                                     |\n\n## Contributing\n\nContributions to the React Essential Extension Pack are welcome and appreciated. To contribute:\n\n1. Fork the [GitHub repository](https://github.com/ManuelGil/vscode-react-pack).\n2. Create a new branch for your feature or fix:\n\n   ```bash\n   git checkout -b feature/your-feature\n   ```\n\n3. Make your changes, commit them, and push to your fork.\n4. Submit a Pull Request targeting the `main` branch.\n\nBefore contributing, please review the [Contribution Guidelines](https://github.com/ManuelGil/vscode-react-pack/blob/main/CONTRIBUTING.md) for coding standards, testing, and commit message conventions. If you encounter a bug or wish to request a new feature, please open an Issue.\n\n## Changelog\n\nFor a complete list of changes, see the [CHANGELOG.md](https://github.com/ManuelGil/vscode-react-pack/blob/main/CHANGELOG.md).\n\n## Authors\n\n- **Manuel Gil** - _Owner_ - [@ManuelGil](https://github.com/ManuelGil)\n\nFor a complete list of contributors, please refer to the [contributors](https://github.com/ManuelGil/vscode-react-pack/contributors) page.\n\n## Follow Me\n\n- **GitHub**: [![GitHub followers](https://img.shields.io/github/followers/ManuelGil?style=for-the-badge\\\u0026logo=github)](https://github.com/ManuelGil)\n- **X (formerly Twitter)**: [![X Follow](https://img.shields.io/twitter/follow/imgildev?style=for-the-badge\\\u0026logo=x)](https://twitter.com/imgildev)\n\n## Other Extensions\n\n- **[Auto Barrel](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-auto-barrel)**\n  Automatically generates and maintains barrel (`index.ts`) files for your TypeScript projects.\n\n- **[Angular File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator)**\n  Generates boilerplate and navigates your Angular (9→20+) project from within the editor, with commands for components, services, directives, modules, pipes, guards, reactive snippets, and JSON2TS transformations.\n\n- **[NestJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-generator)**\n  Simplifies creation of controllers, services, modules, and more for NestJS projects, with custom commands and Swagger snippets.\n\n- **[NestJS Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-snippets-extension)**\n  Ready-to-use code patterns for creating controllers, services, modules, DTOs, filters, interceptors, and more in NestJS.\n\n- **[T3 Stack / NextJS / ReactJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nextjs-generator)**\n  Automates file creation (components, pages, hooks, API routes, etc.) in T3 Stack (Next.js, React) projects and can start your dev server from VSCode.\n\n- **[Drizzle ORM Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-drizzle-snippets)**\n  Collection of code snippets to speed up Drizzle ORM usage, defines schemas, migrations, and common database operations in TypeScript/JavaScript.\n\n- **[CodeIgniter 4 Spark](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-spark)**\n  Scaffolds controllers, models, migrations, libraries, and CLI commands in CodeIgniter 4 projects using Spark, directly from the editor.\n\n- **[CodeIgniter 4 Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-snippets)**\n  Snippets for accelerating development with CodeIgniter 4, including controllers, models, validations, and more.\n\n- **[CodeIgniter 4 Shield Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-shield-snippets)**\n  Snippets tailored to CodeIgniter 4 Shield for faster authentication and security-related code.\n\n- **[Mustache Template Engine - Snippets \u0026 Autocomplete](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets)**\n  Snippets and autocomplete support for Mustache templates, making HTML templating faster and more reliable.\n\n## Recommended Browser Extension\n\nFor developers who work with `.vsix` files for offline installations or distribution, the complementary [**One-Click VSIX**](https://chromewebstore.google.com/detail/imojppdbcecfpeafjagncfplelddhigc?utm_source=item-share-cb) extension is recommended, available for both Chrome and Firefox.\n\n\u003e **One-Click VSIX** integrates a direct \"Download Extension\" button into each VSCode Marketplace page, ensuring the file is saved with the `.vsix` extension, even if the server provides a `.zip` archive. This simplifies the process of installing or sharing extensions offline by eliminating the need for manual file renaming.\n\n- [Get One-Click VSIX for Chrome \u0026rarr;](https://chromewebstore.google.com/detail/imojppdbcecfpeafjagncfplelddhigc?utm_source=item-share-cb)\n- [Get One-Click VSIX for Firefox \u0026rarr;](https://addons.mozilla.org/es-ES/firefox/addon/one-click-vsix/)\n\n## License\n\nThis project is licensed under the **MIT License**. See the [LICENSE](https://github.com/ManuelGil/vscode-react-pack/blob/main/LICENSE) file for full details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-react-pack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanuelgil%2Fvscode-react-pack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-react-pack/lists"}