React Grid Layout

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 …

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 …

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 …