react-beautiful-dnd, powerful drag and drop by Atlassian

react-beautiful-dnd is drag and drop library for react.js, developed by Atlassian. There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly …

react-rails, easy way to integrate react to ruby on rails

react-rails(react-ujs) is a convenient and easy way to use react.js on ruby on rails projects.Using this gem/npm combo, we can add react.js boiler plate structure and generate components easily. Running rails server with rails s, will compile react webpack as well.

Sinonjs – Standalone test fakes, mocks, stubs for JavaScript

SinonJS provides stand alone test spies, stubs and mocks. This is the mechanism we’ll be using to create our spies, stubs and mocks. Spies: Creates fake functions which we can use to track executions. This means we can tell/ find out whether the function has been executed/ how many times its been called etc. We can also …

JavaScript Event Capturing and Bubbling

In JavaScript, The event handling process: When an event happens – the most nested element where it happens gets labeled as the “target element” (event.target). Then the event first moves from the document root down to the event.target, calling handlers assigned with addEventListener(…., true) on the way (true is a shorthand for {capture: true}). Then the event moves from event.target up to …

What is AMD, CommonJS, and UMD?

Over the years there’s been a steadily increasing ecosystem of JavaScript components to choose from. The sheer amount of choices is fantastic, but this also infamously presents a difficulty when components are mixed-and-matched. And it doesn’t take too long for budding developers to find out that not all components are built to play nicely together. …

Graphile, Postgrephile – powerful PostgreSQL based GraphQL backend development.

PostGraphile (formerly PostGraphQL) builds a powerful, extensible and performant GraphQL API from a PostgreSQL schema in seconds; saving you weeks if not months of development time. PostGraphile is formed of three layers. At the very top is the PostGraphile CLI. This layer is the most user-friendly and is responsible for three things: accepting common options from …

Build a Serverless Web Application with AWS Lambda, Amazon API Gateway, Amazon S3, Amazon DynamoDB, Amazon Cognito and Amazon SQS

Amazon provides very powerful and easy to use services and infrastructure for developing micro services based web application. There is no need to use other services or worry about scaling and deployment issues. Please check this official documentation for details. https://aws.amazon.com/getting-started/projects/build-serverless-web-app-lambda-apigateway-s3-dynamodb-cognito/

DBeaver, professional multi-platform database administration tool

Have you ever suffered with lack of database administration tool? Slow web based UI? No same tool for macOS, windows and Linux? No tool at all? DBeaver is free and open source universal database tool for developers and database administrators. Usability is the main goal of the project, program UI is carefully designed and implemented. …

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) …