Monaco Editor is the code editor that powers VS Code. It supports code syntax highlighting for over 30 programming languages and provides functionality to switch between themes in one click. Here is example of the Monaco Editor https://microsoft.github.io/monaco-editor/ Monaco Editor provides diff editor as well, which is similar to git diff check.
This is the video.js plugin for recording audio/video/image files. We can use this package to record audios, videos and images from browser using a microphone and/or webcam. https://github.com/collab-project/videojs-record
react-mosaic is a full-featured React Tiling Window Manager meant to give a user complete control over their workspace. It provides a simple and flexible API to tile arbitrarily complex react components across a user’s view. react-mosaic is written in TypeScript and provides typings but can be used in JavaScript as well. The best way to …
Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm. Lerna can also reduce the time and space requirements for numerous copies of packages in development and build environments – normally a downside of dividing a project into many separate NPM package. See the hoist documentationfor details. https://github.com/lerna/lerna
Resize Observer is a new JavaScript API that’s very similar to other observer APIs like the Intersection Observer API. It allows for elements to be notified when their size changes. The most frequent reason for an element’s size to change is when the viewport is resized or the device’s direction changes between portrait and landscape. Up until …
Storybook is a user interface development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment. Storybook runs outside of the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements. https://storybook.js.org/ It is …
Tampermonkey is the most popular userscript manager, with over 10 million users. It’s available for Chrome, Microsoft Edge, Safari, Opera Next, and Firefox. Tampermonkey makes it very easy to manage your userscripts and provides features like a clear overview over the running scripts, a built-in editor, ZIP-based import and export, automatic update checks and browser and cloud storage based synchronization. We can …
The world’s most popular framework for building responsive, mobile-first websites and apps.It provides Angular, React, Vue and jQuery versions. https://mdbootstrap.com/
You can create and manage projects using a graphical interface with the vue ui command.This command is still beta as the time of writing, but this provides very convenient graphical ui to manage vue based projects, like: add dependency, run dev server, build, analyze bundle size etc. https://cli.vuejs.org/guide/creating-a-project.html#vue-create
Proxy object is used to define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc). ================================================================handler: Placeholder object which contains traps. traps: The methods that provide property access. This is analogous to the concept of traps in operating systems. target: Object which the proxy virtualizes. It is often used as storage backend …