Frontend Engineering For Modern Web

A site dedicated for frontend engineering deepdives

Survey of digital signage software platforms

Digital signs are very unique type of front ends and there are several amazing services that help you build one.

December 1, 2023

Building forms quickly using third party tools?

A guide to build forms using third party tools.

November 5, 2023

What is HTMX?

HTMX is a library that enriches usual HTML markup with more functionality and aims to make web development simpler.

October 5, 2023

Cloudauthority can get you Azure certified

Frontendeng.dev has partnered with Cloudauthority to help you give access to microsoft certified trainers and content to get you azure certified.

September 24, 2023

What is useRef in react and how to use it correctly

Frontendeng.dev has partnered with Cloudauthority to help you give access to microsoft certified trainers and content to get you azure certified.

September 24, 2023

Using generative AI in writing front end code

How you can use generative AI in yout day to day coding activities and build better front ends.

September 22, 2023

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