Skip to content

drbarzaga/ReactToolkit-VSCE

Repository files navigation

ReactToolkit for VS Code

A Visual Studio Code extension that provides a curated list of resources for React developers. It includes official documentation, popular libraries, tools, and more, all accessible from a convenient sidebar.

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Rating License

✨ Features

  • 📚 Resource Library: Access a wide range of React resources, from official documentation to popular libraries and tools.
  • 🔍 Quick Search: Easily find the resources you need with our built-in search functionality.
  • 📂 Categorized Content: Resources are neatly organized into expandable categories for easy navigation.
  • 🖼️ Visual Identification: Each resource comes with its logo for quick visual reference.
  • 🌓 Theme Compatibility: Seamlessly integrates with VS Code's light and dark themes.

📦 Available Resources

React Toolkit includes resources in various categories:

  • Official Resources
  • UI Frameworks & Libraries
  • State Management
  • Routing
  • Forms
  • Testing
  • Styling
  • Build Tools
  • And more!

🚀 Getting Started

  1. Install the ReactToolkit extension from the VS Code Marketplace.
  2. Click on the ReactToolkit icon in the activity bar to open the sidebar.
  3. You can also open the sidebar by pressing Ctrl+Shift+P or Cmd+Shift+P and typing "ReactToolkit".
  4. Browse through categories or use the search bar to find resources.
  5. Click on a resource to visit its website or documentation.

Screenshots

Click on the ReactToolkit icon in the activity bar to open the sidebar

ReactToolkit sidebar

Initial view of ReactToolkit sidebar

ReactToolkit Overview

Search for resources using the search box

ReactToolkit search

Search results with matching resources

ReactToolkit search results

Search results without matching resources

ReactToolkit no search results

Expand categories to view resources

ReactToolkit expanded category

Click on a resource to open its website or documentation

ReactToolkit open resource