12 open source browser tools and how I've built them

• omatsuri

  15 2,487 0.0 JavaScript

  PWA with 12 open source frontend focused tools

  It's not enough though, since I wanted to give an option to change theme. To achieve that I've created ThemeProvider component that wraps entire application and provides theme value via react context. To get theme in any component all I need is to call useTheme hook:

• xooks

  2 41 0.0 TypeScript

  General purpose react hooks collection

  xooks – React hooks library that includes all hooks that I've used during Omatsuri development (localstorage manipulations, system theme detection, clipboard utils and six others).

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• svgo

  29 20,333 9.0 JavaScript

  ⚙️ Node.js tool for optimizing SVG files

  

  There is actually only one good library for SVG compression (SVGO) written in JavaScript. And it does not have browser support, only Node.js. I found it very strange as compression is based entirely on string parsing and does not include any node specific logic.

• worker-loader

  3 1,378 5.5 JavaScript

  Discontinued A webpack loader that registers a script as a Web Worker

  

  I was surprised how easy it is to work with web workers in webpack. All you need is worker-loader that will handle all worker bundling for you.

• offline-plugin

  2 4,503 0.0 JavaScript

  Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

  Since Omatsuri is a browser only application the only thing that we need from service worker is to cache assets and provide app shell. Offline plugin does exactly that, the only thing we need to do – add it to the production build in webpack config:

• svgo-browser

  1 22 0.0 JavaScript

  svgo fork with interface for browser and additional tweaks for node

  So my first task was to migrate SVGO to browser. It was pretty easy, since all core logic did not require any modifications. And now you can use svgo-browser library in your projects if you ever need SVG compression in browser.

Suggest a related project