Glassmorphism CSS Generator

Glassmorphism CSS Generator
Design isn't something that stays the same forever. Old trends go, new trends replace them. It's constantly evolving. A relatively new trend on the w…
Read more »
By at
No comments.

Learn "Zod" In 5 Minutes

· · ·
Learn "Zod" In 5 Minutes
Zod is also a library for TypeScript runtime type checking and data validation. It is inspired by Haskell's `newtype` keyword and Rust's `type` keywor…
Read more »
By at
No comments.

React State ManageMent

· · · · · ·
React State ManageMent
Here are all the sections are primarily covered in this blog: What is state in react? How you manage state in class component? How you manage state in fu…
Read more »
By at
No comments.

Best 3 Bootstrap Alternatives

· · · · · · ·
Best 3 Bootstrap Alternatives
Bootstrap is a widely-used, free, and open-source front-end framework that was initially developed by a designer and developer at Twitter in the mid-2010s. The…
Read more »
By at
No comments.

Using modern decorators in TypeScript

· · · ·
Using modern decorators in TypeScript
TypeScript has indeed become one of the most popular programming languages, and its growth is remarkable. Its popularity is due in part to its ability to provi…
Read more »
By at
No comments.

Deep dive into React: State Management Types and its Importance

· · · · · ·
Deep dive into React: State Management Types and its Importance
Introduction React is a popular JavaScript library for creating user interfaces. State management is a key concept in React. It refers to the data that chang…
Read more »
By at
No comments.

React Hooks: Exploring the power of `useEffect` Hook

· · · · · ·
React Hooks: Exploring the power of `useEffect` Hook
The React team has indeed introduced React hooks to make it easier for developers to write functional components. The useEffect Hook is one of the most importa…
Read more »
By at
No comments.

npm v/s yarn v/s pnpm

· · ·
npm v/s yarn v/s pnpm
Package managers are essential tools for developers that help manage dependencies and streamline the development process. There are several popular package ma…
Read more »
By at
No comments.

Create a simple digital clock using HTML, CSS and JavaScript

· · · ·
Create a simple digital clock using HTML, CSS and JavaScript
Building a digital clock is a good beginner-friendly project that can help you learn more about HTML, CSS and JavaScript. There are many tutorials available on…
Read more »
By at
No comments.

Boost up NestJS server much faster and easier (maximum 20,000x faster + tRPC similar)

· · · ·
Boost up NestJS server much faster and easier (maximum 20,000x faster + tRPC similar)
Preface As I've promised in the previous Typia Series Articles , I'll introduce you my new library nestia , which can make NestJS much faster and …
Read more »
By at
No comments.

How To Add Dark Mode Toggle in ReactJS + TailwindCSS + DaisyUI

· · · · · ·
How To Add Dark Mode Toggle in ReactJS + TailwindCSS + DaisyUI
Introduction: It sounds like you are planning to add a dark mode toggle with local storage persistence to a ReactJS + TailwindCSS + DaisyUI proj…
Read more »
By at
No comments.

Common React performance mistakes

· · · · ·
Common React performance mistakes
Performance optimization is one of the challenges of a software developer. It is a big burden when you start to optimize the application after months or years …
Read more »
By at
No comments.

Dark Mode Toggle and prefers-color-scheme

· · · · ·
Dark Mode Toggle and prefers-color-scheme
The prefers-color-scheme media query is a useful feature that allows web developers to detect whether the user has a preference for a light or dark color sche…
Read more »
By at
No comments.

To infinity and beyond with JavaScript Proxy API

· · · · ·
To infinity and beyond with JavaScript Proxy API
The Proxy API was introduced in 2015 with ES6 and has the potential to revolutionize the JavaScript development experience by making previously impossible feat…
Read more »
By at
No comments.

Unleashing the Power of JavaScript Proxy: A Comprehensive Introduction for Developers

· ·
Unleashing the Power of JavaScript Proxy: A Comprehensive Introduction for Developers
JavaScript is an incredibly versatile programming language that is used for a wide range of applications, from building websites and web applications to creati…
Read more »
By at
No comments.

Introducing JavaScript Proxy

· ·
Introducing JavaScript Proxy
A JavaScript Proxy is an object that allows you to intercept and customize operations performed on other objects. It acts as a middleman between the calling c…
Read more »
By at
No comments.

How To Use MillionJs In a Next App

· ·
How To Use MillionJs In a Next App
Introduction As a language model, I don't have personal opinions or preferences, but I can provide some information about Millionjs and Next.js . Millionjs…
Read more »
By at
No comments.

Microfrontends with ReactJS

· · ·
Microfrontends with ReactJS
Microfrontends are an architectural approach to web application development that involves breaking down applications into smaller, self-contained units that ca…
Read more »
By at
No comments.

Frontend Web Performance Checklist

· · ·
Frontend Web Performance Checklist
Improving performance of web applications will always be sexy. We want the page to load faster, smoother, and without too many layout shifts (Core Web Vitals,…
Read more »
By at
No comments.

13 Rules Developer Follow When Writing CSS To Make It Concise and Readable

· · · ·
13 Rules Developer Follow When Writing CSS To Make It Concise and Readable
13 rules a here that can be followed when writing CSS to make it more concise and readable:
Read more »
By at
No comments.

Protecting Next.js apps from CSRF attacks

· · · ·
Protecting Next.js apps from CSRF attacks
In this article, we’re going to take a look at Cross-Site Request Forgery (CSRF) attacks in the context of a Next.js application and how to protect yourself fr…
Read more »
By at
No comments.

React-monaco-editor a react library for building web editors

· · · · · · · · ·
React-monaco-editor a react library for building web editors
Online web editors are web-based applications that allow users to write and edit code in the browser. They work without the need for a local environment or set…
Read more »
By at
No comments.

Dynamic Programming Algorithms Every Programmer Should Know

· · ·
Dynamic Programming Algorithms Every Programmer Should Know
Introduction Dynamic programming is a technique that allows us to break down complex problems into smaller, more manageable subproblems. It involves solving su…
Read more »
By at
No comments.

5 Key Tips to Boost Your ReactJS Performance

· · · · ·
5 Key Tips to Boost Your ReactJS Performance
I'd like to share some valuable tips on how to boost the performance of your ReactJS applications. Implementing these best practices can make a significan…
Read more »
By at
No comments.