Frontend Engineering For Modern Web

A site dedicated for frontend engineering deepdives

React : Communication between components using context

Context hook is one way to enable intercomponent communication in React.

July 30, 2024

The new era of AI generated UX: How generative AI is going to change front-end engineering

Generative AI is going to change how we build frontends.

June 30, 2024

What is prop drilling in React

Prop drilling in React refers to the practice of passing values from parent to child and its children.

June 10, 2024

What are web components ?

Web components are reusable HTML Elements that can be easily shared. Think of them as custom HTML tags which you can share with others.

May 9, 2024

Explain the lifecycle of an internet request

A common interview question answered for you.

April 15, 2024

Interview questions for senior frontend engineer

A common interview question answered for you.

April 15, 2024

Interview Questions: How to answer when you don't know specifics

Frontend is pretty broad area and it is pretty fine if you dont know something. But it is important how you answer it.

April 1, 2024

What is the difference between const, let and var in Javascript?

It is very easy to understand the key differences between various ways you can declare variables in javascript.

April 1, 2024

Api handling in front end development

The process of integrating and interacting with external APIs within the frontend codebase of a web application

March 27, 2024

Step by step guide to async programming in Javascript

Master asynchronous JavaScript programming with this step-by-step guide. Learn how to optimize web performance and handle delays effectively.

March 24, 2024

Why learn typescript ?

Typescript is a popular frontend language used in place of JavaScript. But is it really important enough to learn or can we expect it to fade away ?

March 20, 2024

Astro : A popular static site generator

Astro is a modern web framework designed to build fast, content-centric websites. It prioritizes performance by focusing on shipping optimal JavaScript to the client.

March 15, 2024

Interview questions: Managing large scale projects independently

How do you answer questions around managing large scale projects independently ?

March 13, 2024

Preparing for interview: A/B Tests

Here are some useful questions if you are preparing for A/B tests.

February 26, 2024

How to disable cache for python http server

Disable caching when running a pythong server.

February 15, 2024

Generative AI for UI

Use generative UI to build better frontends.

February 8, 2024

Firebase hosting does not support custom cookies

An important downside of using firebase for hosting is that it limits the use of cookies to a single cookie names __session.

January 31, 2024

Is Spring Boot a Feasible Option for Front-End Development?

Reasons to consider and avoid Spring Boot as a feasible choice for front-end development.

January 28, 2024

Google cloud run : Things you should know before deploying your frontends

Google Cloud offers affordability and simple setup, yet it's crucial to recognize its drawbacks and the compromises required.

January 16, 2024

6 thing you should keep in mind when writing email templates

Frontend engineering for email templates is a science in itself. Learn some of the basic principles involved in building high quality email templates.

January 12, 2024

Backend for frontend or BFF design pattern.

A detailed guide that explains what backend for frontend archiectural design pattern are and what problems they solve.

January 7, 2024

Step by step guide to deploying spring boot application on Google Cloud Run

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

January 2, 2024

Spring boot and kotlin as full stack framework as an alternative to rails, nextjs and laravel.

Spring boot is a powerful enterprise grade java/kotlin framework. This is a tutorial where we teach to set it up as a viable alternative for laravel, rails and nextjs.

December 29, 2023

Criticism of nextjs

Nextjs is a very popular framework for front ends these days but this article will tell you its disadvantages.

December 20, 2023

Google domain shuts down. What are the alternatives?

Google domains unexpectedly shut down. What can we use as a good alternative that allows us to seemlessly integrate with Google?

December 16, 2023

Pages vs App directory in NextJS

Understand the difference between App and Pages directories and what purpose they serve.

December 12, 2023

What are micro frontends?

In depth guide to understand micro-frontends.

December 12, 2023

Eleventy, understanding yet another static site generator

Eleventy is another static site generator that has gained popularity these days. In this article we understand what makes it different from others.

December 9, 2023

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

Learn about modern android development

Android development has come a long way in last 10 years. If you wish to learn about it here is an excellent resource.

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