Frontend development

Mad Devs articles cover topics about frontend development, including accessibility, usability, and design patterns for the website's interface and mobile devices.

A collection of 25 posts

Svelte vs React
Svelte vs React

Svelte vs. React: Which to Choose for Your Project?

Svelte vs. React: Which to Choose for...

Svelte vs. React: Which to Choose for Your Project?

JavaScript frameworks have revolutionized the landscape of web development and equipped developers with powerful tools and standardized methodologies...

Strapi - Things to Keep in Mind Before Migrating to This CMS

Strapi: Things to Keep in Mind Before Migrating to...

Strapi: Things to Keep in Mind Before...

Strapi: Things to Keep in Mind Before Migrating to This CMS

When it comes to CMS, the modern market has already stepped so much that the choice is becoming increasingly difficult. There are so many options for...

Building a simple before-after comparison slider with Vue

Building a Simple Before-After Comparison Slider with...

Building a Simple Before-After...

Building a Simple Before-After Comparison Slider with Vue.js v2

Comparing the state of any object before and after changes has always been the best tool to demonstrate the difference clearly. So here we make a...

How to Create an Extensible Parallax Effect Directive for Vue.

How to Create an Extensible Parallax Effect Directive...

How to Create an Extensible Parallax...

How to Create an Extensible Parallax Effect Directive for Vue

I had a case when I needed to refactor code in my work. More precisely, I had to remove unnecessary libraries. One of these libraries created...

How to configure Apollo GraphQL in Nuxt application.

How to Configure Apollo GraphQL in Nuxt Application

How to Configure Apollo GraphQL in...

How to Configure Apollo GraphQL in Nuxt Application

Good time of the day, friends!Today I want to show you how to set up Apollo GraphQl in a Nuxt application, where nuxt will take care of both client...

How to migrate from Vue 2 to Vue 3?

Migrating From Vue 2 to Vue 3 with Vue Composition API

Migrating From Vue 2 to Vue 3 with...

Migrating From Vue 2 to Vue 3 with Vue Composition API

As we know, the official release of Vue 3 was on September 18, 2020, it’s been almost a year, and I think it’s time to move on to it. Buuuut… it’s...

How to Validate Forms in Vue?

How to Quickly Validate Forms in Vue.js?

How to Quickly Validate Forms in...

How to Quickly Validate Forms in Vue.js?

Today I want to show you how you can quickly and easily set up form validation in Vue. I hope this article will save you time and provide you with...

Quick Start with Typescript and React.

Quick Start with Typescript and React

Quick Start with Typescript and React

Quick Start with Typescript and React

Currently, the React+Typescript is considered as one of the most popular bundles for creating client-side...

How to use HTML5 semantic tags?

How to Use HTML5 Semantic Tags?

How to Use HTML5 Semantic Tags?

How to Use HTML5 Semantic Tags?

A properly designed website will be better ranked by search robots and more likely to get on the first page of search engines.And if this is...

How to Configure SSG and SSR on Nuxt.

How to Configure SSG and SSR on Nuxt

How to Configure SSG and SSR on Nuxt

How to Configure SSG and SSR on Nuxt

When I started learning Vue, I was pleasantly surprised by this framework. It turned out to be very simple and easy to learn. Its API had enough...

Everything you need to quick-start a new React project inside one repo.

React Boilerplate: Everything You Need to Quick-Start...

React Boilerplate: Everything You...

React Boilerplate: Everything You Need to Quick-Start a New React Project Inside One Repo

When creating a new React project, I faced the same problems every time. I need to build it manually because

Vue Boilerplate.

Vue Boilerplate: Fast and Reliable Shortcut to Set Up...

Vue Boilerplate: Fast and Reliable...

Vue Boilerplate: Fast and Reliable Shortcut to Set Up Your Project

When starting a project in Vue, I constantly faced the fact that I had to set up the store again and again, add the basic structure of styles, look...

Major Technologies in Your Tech Stack.

Major Technologies You’d Want to See in Your Tech...

Major Technologies You’d Want to See...

Major Technologies You’d Want to See in Your Tech Stack: Pros and Cons

The world of software development is increasingly dynamic: new technologies, tools, and frameworks emerge on a daily basis. Yes, only a small...