Overview
The Wroud Foundation offers a suite of tools to help developers implement best practices and efficient patterns in JavaScript applications. Our tools focus on modularity, ease of use, and performance.
Available Packages
@wroud/di: A lightweight dependency injection library for JavaScript inspired by .NET's DI system. Written in TypeScript, it supports modern JavaScript features, including decorators, and provides robust dependency management capabilities.
@wroud/vite-plugin-tsc: A Vite plugin that runs the TypeScript compiler to transpile project references and perform background type checking.
@wroud/react-split-view: A React hook for building resizable split panes with optional sticky edges.
@wroud/react-tree: A virtualized tree component for React.
Other Packages: More tools to come, each aimed at addressing specific challenges in JavaScript development.
Navigation
Use the sidebar to navigate through the documentation. Each package has its own section with detailed guides and API references. Here’s a quick overview of what you’ll find:
Dependency Injection (@wroud/di)
- Overview: Introduction and key features.
- Installation: Step-by-step guide to installing the package.
- Usage: Examples of how to use the package in different environments.
- API: Detailed reference of the API provided by the package.
React Integration (@wroud/di-react)
- Overview: Introduction and key features.
- Installation: Step-by-step guide to setting it up in your React application.
- Usage: Practical examples and patterns for using it within React components.
- API: Complete API reference.
React Split View (@wroud/react-split-view)
- Overview: Introduction and key features.
- Installation: Steps to add it to your project.
- Usage: Examples for horizontal and vertical splits.
- API: Complete API reference.
React Tree (@wroud/react-tree)
- Overview: Introduction and key features.
- Installation: Steps to add it to your project.
- Usage: Examples of basic setup and lazy loading.
- API: Complete API reference.
Future Tools
As we expand our toolset, you will find new sections dedicated to each package with similar documentation structures to ensure a consistent and straightforward experience.
Getting Started
To get started with any of our tools, simply select the package you’re interested in from the sidebar. Each section is designed to guide you from installation to advanced usage, ensuring you can leverage the full potential of the Wroud Foundation tools in your projects.
For any questions or contributions, please visit our GitHub repository. We welcome feedback and collaboration to improve and expand our offerings.