Frontend
React state management - useReducer vs Redux
This blog explores useReducer vs Redux, delving into their definitions, use cases, code samples and when to choose each for efficient state management.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.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.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).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.Learn about tree shaking in Webpack 5
Tree shaking is a technique used by webpack to optimize the builds for production and reducing the build size by shaking off the dead code from its branches (modules).