Mantine - A fully featured React components library includes more than 120 customizable components and hooks

---

Mantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.

react-components react-library react hooks typescript accessibility uikit a11y design-system

react-markdown - Markdown component for React

---

react-markdown is a Markdown component for React using remark. There are other ways for markdown in React out there so why use this one? The two main reasons are that they often rely on dangerouslySetInnerHTML or have bugs with how they handle markdown. react-markdown uses a syntax tree to build the virtual dom which allows for updating only the changing DOM instead of completely overwriting. react-markdown is 100% CommonMark (optionally GFM) compliant and has extensions to support custom syntax.

react markdown gfm remark commonmark

Tina - Site editing toolkit for modern React-based sites (Gatsby and Next.js)

---

Tina is an open-source site editing toolkit for React-based frameworks (Gatsby & Next.js). Manage content on your own site, not another platform. Import Tina directly into your components to expose an editing interface for controlling and updating layers of your content mesh. You define the content model and editing powers specific to your site.

cms gatsby nextjs react content-management-system markdown

Editor.md - The open source embeddable online markdown editor (component).

---

The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. It supports Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown). It has full-featured support for Real-time Preview, Image Upload, Code blocks / Tables insert, Search replace, Themes, Multi-languages and lot more.

markdown editor markdown-editor codemirror katex gfm flowchart sequence-diagram toc marked commonmark

TypeDB - A strongly-typed database

---

TypeDB is a strongly-typed database with a rich and logical type system. TypeDB empowers you to tackle complex problems, and TypeQL is its query language. TypeDB allows you to model your domain based on logical and object-oriented principles. Composed of entity, relationship, and attribute types, as well as type hierarchies, roles, and rules, TypeDB allows you to think higher-level as opposed to join-tables, columns, documents, vertices, edges, and properties.

database graph logic inference knowledge-graph graph-theory graph-database graphdb knowledge-base type-system strongly-typed graph-visualisation relational knowledge-representation reasoning enterprise-knowledge-graph hyper-relational java-database

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

Build Simple Ecommerce site using React and Jotai

---

Retail Ecommerce website can be created quickly with React. It can be created using React, Bootstrap, React DOM and Jotai. Data flow within the commerce site is done using Jotai in a light-weight manner. The main workflow of showing all the items in the gallery to user and user adding to the cart will be done as part of this blog.

ecommerce react jotai

Getting Started with Spring Batch

---

The best way to design a system for handling bulk workloads is to make it a batch system. If we are already using Spring, it will be easy to add a Spring Batch to the project. Spring batch provides a lot of boiler plate features required for batch processing like chunk based processing, transaction management and declarative input/output operations. It also provides job control for start, stop, restart, retry and skip processing also.

spring-batch spring-boot batch-processing

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