Frontend
Deciding which state management to use: opting between useContext and Redux
In this article, we will explore two effective strategies for managing state in React apps: the useContext hook and Redux Toolkit. The article provides practical code examples for both the useContext hook and Redux Toolkit, and it discusses the advantages, disadvantages, and best-fit scenarios for each approach.ECMAScript 2023 - Exploring New Features
In this blog, we'll dive into the ECMAScript 2023 updates, highlighting four significant new features that promise to streamline our coding experience.Simplify Routing and Boost Performance with Next.js App Router
Discover the powerful features of Next.js 13's App Router built on React Server Components, enabling efficient route organization and layout creation. Improve performance with server-centric routing and seamless client-side navigation. Unlock advanced routing patterns like parallel routes and route interception to create sophisticated web applications with ease.Simplify CSS selector grouping and styling with :where() and :is()
:where() and :is() are new additions to CSS that make it easier to select and style elements on a webpage by grouping selectors and applying styles to multiple elements at once.Replace lodash.get method with optional chaining and nullish-coalescing operator
Learn how to replace the popular lodash.get() method with the new optional chaining and nullish-coalescing operator introduced in ES11(ES2020).Integrate Tailwind CSS in Electron
In this blog, we will learn how to integrate Tailwind CSS in Electron, a popular framework for building desktop applications with web technologies.What's new in Vite 4?
Vite 4 is released 5 months after releasing Vite 3. The new version is motivated by the breaking upgrade from Rollup 2 to Rollup 3. Let's have a look over this and other updates.Control the specificity and order of styles with CSS Cascading Layers
Cascading layers is a new feature in CSS to maintain and order the stylesheet in which we can cascade and organize the CSS more efficiently.Styling form inputs(checkbox, radio, range, and progress) with accent-color
The new CSS accent-color property is capable of editing the accented color of form controls provided by the browser’s default styles with a custom color value. In this article we’ll take a look at what it does and how to use it alongside color-scheme for simple, accessible checkboxes and radio button.Evaluating Media queries in a Range Context
Media Queries Level 4 specification has introduced a new syntax for writing media queries that have a range type. We can now use common mathematical comparison operators like <, >,<=, >= instead of min/max prefixes.