react-grid-layout is a draggable and resizable grid layout library for React projects. There are many use cases of this library and one of them is trello board. We can implement trello-like system very easily. Features: 100% React – no jQuery Compatible with server-rendered apps Draggable widgets Resizable widgets Static widgets Configurable packing: horizontal, vertical, or …
React QR Reader
A React component for reading QR codes from the webcam. It uses the WebRTC standards for reading webcam data and jsQR is used for detecting QR codes in that data. To optimize the speed and experience, a web-worker is used to offload the heavy QR code algorithm on a separate process. The web worker is inlined and loaded on …
Managing node.js project with multiple packages using lerna.js
Lerna is a tool that optimizes the workflow around managing multi-package repositories with git and npm. Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and testing across repositories gets complicated really fast. To solve these (and many other) …
Popper.js – JavaScript positioning library
Popper.js is a library for positioning elements relative to other elements, like tooltip positioning or dock positioning. Famous libraries and frameworks are using Popper.js library to position tooltips and hover effects, including bootstrap. There are plenty of options and plugins to make Popper.js a powerful positioning library, including auto flipping, keeping target inside a certain …
Filepond.js – Elegant and Easy to use file uploader widget
Filepond is a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. We can install filepond on any frontend frameworks or libraries including React, Vue, Angular or Vanilla js, using npm or direct CDN links. It has all frontend related features, including drag and …
Query string Parser
Sometimes we need to parse the query string on the frontend side as well as on the backend side. Since there are pre-built default functionalities on the backend to get the query strings, it’s easy to parse the query strings. But to get the query strings on the frontend side, we need to build some …
Two successive setTimeout with rxjs
Delay emitted values by given time.
jsPDF
jsPDF is a library to generate PDF on client-side JavaScript. Normally we use DomPDF (https://github.com/dompdf/dompdf)to create PDF on PHP based back end frameworks and we can use jsPDF to generate PDF on client side not on server side.https://github.com/MrRio/jsPDF
Auth0 authentication without redirect
Auth0 is an authentication service with provides oauth2-like authentication functionality. When we use oauth2 authentication, browsers are normally redirected to the auth domain and return back to our own domains with the access_token in the url. Sometimes we don’t like this redirect process and want to hide our authentication process to users. There is an …
Trade-off running atomic daemons in Node.js
When you develop daemons that runs periodically in Node.js, you’d have some tricky issues.I have used to node-schedule npm package and I had several problems. As it runs by certain time interval, it could overlap each other as well as it will run another process without completing all jobs. For example, you have a daemon …