Frontend Engineering

 Articles

background Coditation
Cloud
DevOps
Backend Engineering
Frontend Engineering
Product Development
Data Engineering
AI/ML
Mobile Engineering

How to optimise React UseMemo Hook Dependency Lists for Component Caching

Explore advanced techniques for optimizing React's useMemo hook. Learn best practices for dependency management and component caching to enhance your React applications' performance

Frontend Engineering
time
9
 min read

Scaling Thousands of Concurrent Data Grid Rows with Cell-Based Virtualization in React

In this article, we'll explore a technique called "cell-based virtualization" to smoothly handle tens of thousands of concurrent data grid rows in a React-based web application.

Frontend Engineering
time
6
 min read

Debugging SSR Performance Regressions from React Context Provider Growth

In this post, we'll explore how to tackle SSR performance issues caused by excessive Context providers in React, offering insights applicable to other SSR frameworks as well.

Frontend Engineering
time
4
 min read

Understanding UI Frameworks, Theming, and Best Practices in React Development

This comprehensive blog explores the significance of UI frameworks, theming in React applications, popular UI frameworks such as MaterialUI, Bootstrap, and Ant Design, along with their strengths and weaknesses. It delves into the importance of theming for consistent UI/UX, provides insights into various theming approaches in React, and offers a step-by-step guide on implementing theming in React applications.

Frontend Engineering
time
8
 min read

How to animate in React using framer motion

Framer Motion is a React animation library offering intuitive motion components, physics-based animations, and gesture support. Its component-based approach and declarative syntax provide advantages over CSS animations, enabling dynamic, engaging user interfaces for developers of all skill levels.

Frontend Engineering
time
8
 min read

Server-Side Components in React JS

React Server Components (RSCs) are a feature in Next.js, bridging client-side rendering (CSR) and server-side rendering (SSR). RSCs improve performance, reduce bundle size, and optimize SEO by fetching data, pre-rendering pages, and handling dynamic routes. They offer flexibility, scalability, and ease of use, streamlining modern React app development.

Frontend Engineering
time
4
 min read

When to use Class Component and Functional Component in React?

In React there are two ways of writing components functional components & class components so, here we’ll see when to use, which way. by comparing both on few Important key points

Frontend Engineering
time
 min read

Want to receive the latest technology insights? Subscribe Now!

Thank you for registering
Oops! Something went wrong.