Devjar

Overview

Devjar is an innovative library designed for developers who want to experiment and share their code snippets in real-time. With its simple setup, Devjar allows you to test React components directly in the browser, providing instant feedback and enhancing the coding experience. This tool is particularly useful for those who enjoy live coding or wish to collaborate with others on small projects without the hassle of complex configurations.

What makes Devjar stand out is its capability to load dependencies dynamically via a CDN, allowing developers to focus on writing code without worrying about local setup issues. Currently optimized for the browser runtime, Devjar primarily renders the default export component from index.js, ensuring a seamless integration with React apps.

Features

• Live Code Editing: Devjar generates a dynamic live code editor, enabling real-time execution and visualization of your React code snippets.
• CDN Support: The library utilizes a CDN to load dependencies, simplifying the setup process and reducing local environment conflicts.
• Customizable Props: Users can specify files to include in their development environment through an object, providing flexibility in what code gets executed.
• Error Handling: The onError callback captures any errors that occur during execution, sending them to the console for easier debugging.
• Hook Functions: The library includes hooks like useLiveCode and useGL that provide advanced control over live code execution and shader rendering, respectively.
• Built-in Uniforms for Shaders: When working with GLSL shaders, Devjar automatically provides useful uniforms such as time and resolution, facilitating interactive visual projects.
• Easy Identification of Errors: All WebGL-related errors are prefixed for quick identification, making troubleshooting smoother for developers.
• Open Source License: As an MIT licensed tool, Devjar encourages collaboration and community contribution, making it accessible for all developers.