Deep Insight on Lodash js library, Learn with Examples

Deep Insight on lodash.js library

A Comprehensive Guide to Trumbowyg: The WYSIWYG Editor for Web Developers

In this article, we will learn about how to create Bar Chart, Area Chart, Bubble Chart, Doughnut and Pie Charts, Line Chart, Mixed Chart Types, Polar Area Chart, Radar Chart, Scatter Chart, Cartesian Axes, Category Axis, Logarithmic Axis, Radial Axes, Labeling Axes, Styling using ChartJS.

ChartJs Visualization Library - A Detailed Walkthrough

Animation in JavaScript using AnimateImages Library

Developing reusable react component will help our project development faster and also reduce the code. It also helps other peer react developers. To develop react component in Typescript way, will make NPM package more standardized. In this article, we will build a reusable component and also learn how to publish it to NPM registry.

Create Reusable React Component and Publish to NPM Registry

Quick Guide to design the chat and deploy in your website. Also explore options for deploying it. 

Guide to Setup Tawk - Free Chat Widget

Explore Best jQuery Zoom plugin

Repeat the html template using jquery template plugin driven by the dynamic json data model.

ngRepeat using jQuery Template Plugin (ngRepeat without Angular)

In this article, i will show on Jakarta persistence of the user in mysql and use those users for authentication and authorization. 

Quarkus - Authentication and Authorization With Persistence

Announcing the general availability of push protection–a feature that proactively prevents secret leaks in your public and private repositories.

Github protects your secret keys from accidental push

Building Rest API with Quarkus 3.0

New Web Browser  for privacy, secure and superfast. It provides different profile for different nature of work you do. One profile for work, one for personal like that.

Ulaa Browser - Private, Secure and Super fast

The best way to develop system health check screen, we can use server sent events API. 

System Health Check using Server Sent Events API

You would have seen a lot of blogs for paypal php integration with REST api which is driven completely in the backend. For checkout, paypal provides an easy way to checkout for client side ready-to-use smart button payment. This approach will work only from the frontend, which will not be safe and difficult to reconcile as the backend does not have any information about it. Server side integration with the paypal smart button will help us to reconcile or track the payments even after some issues in the users payment journey. In this blog, we have walkthrough the paypal smart button with server side php laravel integration.

Laravel Paypal Integration - Smart button with server-side integration

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.

Data Fetching and Form Building using NextJS

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.

Data dumping through REST API using Spring Batch

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.

Build Consulting Website using Next.js

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 Media LightBox - Part 2

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.

React Reduce Vs 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. 

Build Simple Ecommerce site using React and Jotai

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.

Getting Started with Spring Batch

Cassandra is a highly scalable and distributed NoSQL database known for its ability to handle large volumes of data across multiple nodes. It is designed to provide high availability and fault tolerance, making it a popular choice for applications that require real-time data processing and high read and write throughput. In this article, we will explore some common use cases for Cassandra and learn how to perform CRUD (Create, Read, Update, Delete) operations in Python using the Cassandra driver.

Cassandra: Use Cases and Python CRUD Operations

Supercharge Your Python Application: Redis as a High-Performance Cache

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. It is pre-loaded with user authentication, content administration, site maps, RSS feeds and many more tasks. Security features provided are cross site scripting (XSS) protection, cross site request forgery protection, SQL injection protection, click-jacking protection, host header validation, session security and so on. It also provides in built caching framework.

Getting Started With Django Python Web Framework 

Exploring Playwright: A Comprehensive Guide to Web Testing and Automation

Most of the projects will have a requirement of sending and receiving mails. We have mentioned about GreenMail - Email Test Framework, in our previous article about API based SMTP testing. In this article, we discuss about MailHog - Web and API based SMTP testing. You send out a mail from your code and you can check it via web visually and also via API. Those who do API testing can check via API. Developers may want to visually verify the format of the mail. MailHog is a best bet for SMTP testing.

MailHog - Web and API based SMTP testing

In any project there will be a need to send mail out to users. It could be an alert mail, forget password or authentication related mail. Mail is the default communication between the software and the users. As a developer, we can write code, to send out a mail but we need to make sure whether it got successfully received and how the body of mail, Is it the same like what we have sent. GreenMail is a Email test framework which helps to send and receive mails. It is a test framework which supports SMTP, POP3, IMAP including SSL. 

GreenMail - Email Test Framework in Java

Data Visualization Using Tremor React Library

In the world of data visualization, charts play a pivotal role in conveying information in a visually appealing and easily understandable manner. Charting libraries simplify the process of creating various types of charts, enabling developers to showcase data trends, comparisons, and distributions effectively. 

Create Basic Charts with ChartJS

Building CRUD REST API using Go

Building a CRUD To-Do List App in React Native with Expo: A Step-by-Step Guide

DevGroves Technologies Blackslate profile

DevGroves Technologies

About author

Posts by Author