Quantcast
Channel: Front-End Development Articles / Blogs / Perficient
Browsing all 185 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

ES6 Deep Dive: Unlocking Advanced JavaScript Features

Introduction JavaScript saw a revolution with the release of ES6, which added state-of-the-art features that increased its potential. In this blog, we’ll explore these advanced JavaScript ES6 features,...

View Article


Image may be NSFW.
Clik here to view.

Mastering Advanced Features and Techniques of JEST React Testing Library

Welcome to a deeper journey into the JEST React Testing Library world! We’ll explore advanced methods and tricks that enhance your testing expertise here. If you’re new to JEST, don’t worry! We’ve got...

View Article


Image may be NSFW.
Clik here to view.

Enhancing TypeScript Code with Generics

In this blog, we will explore generics in TypeScript, but before diving into generics, let’s first understand what TypeScript is and why TypeScript has become increasingly popular in the software...

View Article

Image may be NSFW.
Clik here to view.

Implementing Email Functionality with Nodemailer in Node.js

In the contemporary digital landscape, the automated transmission of emails has become an integral aspect of web application development. Be it for dispatching notifications, distributing newsletters,...

View Article

Image may be NSFW.
Clik here to view.

Finding Your Way in React: Exploring useLocation and useParams.

React provides powerful tools for creating dynamic web apps. The two most important hooks for dealing with routing and URLs are useLocation and useParams. In this blog post, we’ll explore these hooks’...

View Article


Image may be NSFW.
Clik here to view.

Styling Excellence: Mastering Next.js for Stunning UIs

In web development, making interfaces look good is vital. Next.js, a popular React framework, requires mastering styling techniques for excellence. In this blog, we’ll delve into the world of styling...

View Article

Image may be NSFW.
Clik here to view.

Next.js Font & Image Optimization Guide

Optimizing Fonts Explaining How to Optimize Fonts in a Next.js Application //Path: src/app/Card/page.js import { Poppins } from "next/font/google"; const poppins = Poppins({ subsets: ["latin"], weight:...

View Article

Image may be NSFW.
Clik here to view.

React Navigation: A Rollercoaster Ride with useHistory

React applications often require navigation between different components and pages. The useHistory hook, provided by React Router, simplifies navigation by providing access to the browser’s history...

View Article


Image may be NSFW.
Clik here to view.

useFormStatus FormControl in Next.js

In Next JS, developers prefer most of their code to remain on the server side. However, it is quite tricky to accomplish such feats when you are working with forms. Components that require inputs from...

View Article


Image may be NSFW.
Clik here to view.

Understanding JavaScript Web APIs: Part 1

JavaScript is a central pillar in web development, elevating user engagement and imbuing websites with dynamic capabilities. Among its intriguing components are Web APIs, which facilitate access to...

View Article

Image may be NSFW.
Clik here to view.

Make Your Flutter Apps Soar with Pigeon Platform Channels

Flutter is great framework for cross platform development. It allows you to make pixel perfect apps that are generated into native code, but what happens if you need to use existing code in  iOS or...

View Article

Image may be NSFW.
Clik here to view.

Mastering Responsive Videos and Maps with Bootstraps’ Embed Classes

In Bootstrap, the embed-responsive and embed-responsive-item classes create responsive embeds for videos, maps, or any other embedded content. These classes ensure the embedded content scales properly...

View Article

Image may be NSFW.
Clik here to view.

How to Create an Email Template in Dark Mode for Outlook

What is Dark Mode? Dark Mode inverts the colors on your device to decrease the amount of light on your screen, inverting a white background with black text and a black background with white text. In...

View Article


Image may be NSFW.
Clik here to view.

Exploring HTML Template Engines for Node.js

The fusion of HTML template engines with Node.js has sparked a transformative wave in web development, reshaping the landscape of dynamic web application creation. These engines give developers an...

View Article

Image may be NSFW.
Clik here to view.

useNavigate: Navigation React Router v6

In React͏ development, smooth moving between pages is vital for a seamless͏ user experience. React Router v6 brings out the useNavigate hook for advanced navigation, simplifying navigation logic͏ in...

View Article


Image may be NSFW.
Clik here to view.

Understanding JavaScript Web APIs: Part 2

Welcome back to the continuation of our journey through crucial Web APIs! For newcomers to our series, I highly recommend diving into Part 1, accessible here, where we extensively cover the fundamental...

View Article

Image may be NSFW.
Clik here to view.

Understanding JavaScript Web APIs: Part 3

Welcome back to the third part of our series on essential Web APIs! If you haven’t had the opportunity to explore Part 2 yet, where we extensively covered the nuances of the Web History API and Web...

View Article


Which Components Are Available Out of the Box with Sitecore XP Using SXA? A...

When planning a new website, a web development team must identify the essential components required for completion. These pieces are often called components. Assuming the site is being built using a...

View Article

Image may be NSFW.
Clik here to view.

useFormState in Next.js: Form Management

In my previous blog, we had discussed using server actions with our forms and managing the loading state with the new useFormStatus hook from react-dom. In this one, we are going to explore another...

View Article

Image may be NSFW.
Clik here to view.

Exploring Vue.js: A Thorough Guide to HTML Binding, Event Management, and...

Binding Methods and Functions in Vue.js Binding methods in Vue.js connect functions defined in the Vue instance to events or directives in the template, enabling interactivity. <template> <!--...

View Article
Browsing all 185 articles
Browse latest View live