Ant Design - An enterprise-class UI design language and React UI library

---

Ant Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.

react-framework css react ui-kit ui-design react-components antd design-systems frontend ant-design ant design react-component component components ui framework

OpenChakra - Full-featured visual editor and code generator for React using Chakra UI

---

OpenChakra is a visual editor for the best component library for Chakra UI. It helps to quickly draft components with the simple drag and drop UI. Drag any component from the left hand panel into this editor. Then start interacting with them. You can drag a preset: it's a group of components (like Alert). Just drop a preset to easily setup a complex component!

visual-editor code-generator ui-ux ui-design chakra chakra-ui

Trino - A query engine that runs at ludicrous speed

---

Trino is a highly parallel and distributed query engine, that is built from the ground up for efficient, low latency analytics. It is an ANSI SQL compliant query engine, that works with BI tools such as R, Tableau, Power BI, Superset and many others. It helps to natively query data in Hadoop, S3, Cassandra, MySQL, and many others, without the need for complex, slow, and error-prone processes for copying the data.

distributed-systems data-science sql database big-data presto hive hadoop analytics jdbc databases distributed-database query-engine datalake prestodb trino

GOT - Human-friendly and powerful HTTP request library for Node.js

---

Human-friendly and powerful HTTP request library for Node.js. It is almost API compatible with the browser fetch API. It supports Promise API, Stream API, HTTPS/2 support, Progress events and Hooks.

http https curl wget fetch http-request http-client

Neon - Serverless Postgres, alternative to AWS Aurora Postgres

---

Neon is a serverless open source alternative to AWS Aurora Postgres. It separates storage and compute and substitutes PostgreSQL storage layer by redistributing data across a cluster of nodes. Neon separates storage and compute to make on demand scalability possible. Compute activates on an incoming connection and shuts down to save resources on inactivity.

database-as-a-service postgres-as-a-service postgres serverless cloud

Data Fetching and Form Building using NextJS

---

Next.js is one of the easy-to-learn frameworks for server-side pre-render pages for client-side web applications. In this blog, we will see how we can fetch data from API and make it pre-render pages. Also, let's see how forms work in Next.js and collect the data without maintaining the database.

nextjs data-fetching form-handling

Data dumping through REST API using Spring Batch

---

Most of the cloud services provide API to fetch their data. But data will be given as paginated results as returning the complete data will overshoot the response payload. To discover the complete list of books or e-courses or cloud machine details, we need to call the API page-wise till the end. In this scenario, we can use Spring Batch to get the data page by page and dump it into a file.

spring-batch data-dump rest-api java

Build Consulting Website using Next.js

---

One of the popular web framework for building Single page application (SPA) or static site is React library. Application built with React packages will be rendered completely on the client side browser. If you want to reduce the load on client side browser, we need to pre-render the pages in server (Serer side rendering) and serve it to the client. So the client loads the page like simple html page. Also if the pages are rendered from server then search engine will be able to fetch and extract the pages. To do SSR for React, the best abstraction framework is Next.js. In this blog, we will explain how to build a simple consulting website using NextJS.

react nextjs website-development ssr

React Media LightBox - Part 2

---

In this blog, we will bring the essential features zoom control, download, fullscreen to enhance the view experience of the media items. Lightbox components provide options for captioning the media items as well. Brought all the features only with material design and there are no dependencies required for the functionalities of the media lightbox.

react lightbox gallery media

React Reduce Vs Jotai

---

While developing web applications, we built many components and having a data model across the application wide model will be difficult. We need common store management to update and get information across all the components. In React based Web UI, redux is the official centralized state management to be used which is internally wired as state changes to the component. There are other alternatives to redux which are light-weight and simple to use. One among them is Jotai, a minimalistic API for state management. In this blog we will take one of the redux examples given in the redux site and do the same in Jotai for deeper understanding.

jottai react redux

Uber's open source technology stack

---

Uber, a taxi aggregation platform operates around the globe. It was started as monolith application and later re-architected as bunch of microservices, which gives them scalability. Uber uses lot of open source tools and they have contributed quite a lot projects back to the community. This article is about analyzing Uber's open source technology stack.

uber open-source stack technology-stack

Stackoverflow Open Source Technology Stack

---

Stackoverflow is one of most widely used Q&A platform. It is the default choice of developers. It has over 100 million page views in a month and its Google page rank is 60. Check out its open source technology stack, the tools used to build such a popular website. Stackoverflow uses open source projects and also contributes to it.

stack software-used stackoverflow-architecture stackoverflow-stack

Open Source Technology Stack used in WhatsApp

---

WhatsApp is a most widely used cross-platform mobile messaging app for iPhone, BlackBerry, Android, Windows Phone and Nokia. Users can send text, images videos, audio for free. It almost replaced SMS. It changed the way people interact with each other. Lets check out the technology behind WhatsApp

whatsapp chat messaging-app

Free and Open source tools to build OpenJDK in Windows

---

OpenJDK is the open source implementation of Java Standard Edition. Oracle (Sun) JDK implementation is going to be based on OpenJDK. OpenJDK and Oracle JDK are almost similar. There are ready made binaries available for Linux distribution but you may need to build OpenJDK on windows.

java openjdk build-tools

Zimbra - Enterprise Email Server Stack

---

Zimbra is a Enterprise messaging and collaboration software. It is a good alternative to Microsoft Exchange server. Zimbra is a Email Server but they have not written anything related to SMTP server, rather they have integrated well know open source email server in to its package. Zimbra is a system of well connected / integrated multiple open source software which delivers enterprise quality to it. This article explains most important components which helps to build the enterprise product.

software-used stack mail-server