Frontend Engineering For Modern Web

A site dedicated for frontend engineering deepdives

Svelte vs React vs Vue: A Comprehensive Analysis!

A detailed comparison of React, Svelte and Vue as front end technologies.

September 14, 2023

Announcing page changes using aria-live

For web accessibility one commong problem is announcing changes on the pages that happen without refreshing the page. This is achieved using aria-live attribute

September 11, 2023

Replace Vercel Blob with Google Cloud Storage

A tutorial that explains how to replace Vercel blog with Google cloud storage buckets

September 5, 2023

Reviewing pull requests from junior developers

A front-end engineer's guide to code review, comprehensive list of things to check and tips to provide helpful tips and guidance to junior developers.

September 1, 2023

Guide for building accessible websites in react

A comprehensive guide for building more accessible and inclusive frontends using react that help make web a better place for everyone.

August 20, 2023

Svelte vs React: Which framework is better ?

A detailed comparison of Svelte and React frameworks for frontends. Discussion of their advantages and disadvantages and what to expect in future.

August 15, 2023

Integration testing in React

A complete guide to integration testing your react app and the tools that can help you write integration tests.

August 13, 2023

Why is key property important in react when displaying lists

Key is a rarely used property in react but extremely important when we are dealing with lists or repeated elements in state. We help you understand this in detail so you understand why it is important.

August 4, 2023

Flutter vs React for Web

Flutter vs React for building web apps discusses pros and cons of building modern websites using these two different technologies backed by Google and Meta respecively.

August 4, 2023

Everything you should know about types and interfaces in Typescript.

A detailed explanation of the concept of `type` in typescript and its comparison with interfaces and a detailed discussion on when we should chose to use type vs interfaces.

August 2, 2023

Tutorial: How to communicate between two React components

A detailed tutorial that teaches you how to enable communication between two components in React with a very hands on example.

August 1, 2023

Step by step guide to deploying NextJS apps on Google Cloud run.

A complete tutorial and step by step guide to deploy a nextjs app on Google cloud run. Setting up CI/CD pipeline for your NextJS app using Google Cloud Build and Container Registry.

August 1, 2023

7 reasons why Tailwind css is better than Bootstrap

A detailed explanation on why tailwind is better than bootstrap when it comes to performant css frameworks

July 25, 2023

Frontend Engineer's guide to GraphQL

A helpful guide to understand the query language called GraphQL from the perspective of front end developers.

July 25, 2023

A guide to conduct frontend engineering interviews for react roles

Interviewing candidates is tough. This guide covers the topics you should cover in the interview and the best practices to follow to detect talent.

January 23, 2023

The best code highlighting libraries for React

A comprehensive survey of code highlighting libraries for react

December 1, 2022