Search for a command to run...
Full Stack Developer | Freelancer | JavaScript | React | Nodejs.
Loves sharing knowledge through technical articles.
Dev.to: https://dev.to/myogeshchavan97
https://linktr.ee/myogeshchavan97
Thank you Tapas Adhikary Sir
In this tutorial, you will build a Task Management App using Next.js 16 and Prisma 7 from scratch. By creating this app, you will learn: How to set up Prisma 7 with the new Rust-free architecture How to configure a database with Prisma's driver ada...
If you're a React/Next.js developer who diligently updated your packages last week after the critical React2Shell vulnerability (CVE-2025-55182), I have some frustrating news: you need to update again. Security researchers, while probing the patches ...
Is your React app dragging its feet, but you can’t pinpoint the cause? You might think you’re following the best practices, but some common development patterns are actually degrading your app’s performance behind the scenes. In this article, we’ll u...
How to Use Separate SSH Keys for Company and Personal GitHub Accounts Managing multiple GitHub accounts is a common challenge for developers who juggle both personal and professional projects. It becomes even more complex when you want to use differe...
Have you ever built a React app only to realize that users from different countries can't use it effectively because it only supports English? In this tutorial, you'll learn how to build truly global React application using internationalization (i18n...
Arrow Functions are one of the greatest additions in ES6, whether it's regarding the this keyword or regarding the shorter syntax.
Today we will see, how using arrow functions makes our code much simpler and shorter while creating validation functions.
Suppose, you have written a function which returns true if the email is valid otherwise returns an error message as shown below:
const validateEmail = email => /^[^@ ]+@[^@ ]+\.[^@ \.]+$/.test(email);
const isValidEmail = function(value) {
if (validateEmail(value)) {
return true;
} else {
return "Please enter a valid email address";
}
}
let isValid = isValidEmail('abc@gmail.com');
console.log(isValid); // true
isValid = isValidEmail('abc@@gmail.com');
console.log(isValid); // Please enter a valid email address
The same function can be written in just one line using ES6 arrow functions syntax as shown below:
const validateEmail = email => /^[^@ ]+@[^@ ]+\.[^@ \.]+$/.test(email);
const isValidEmail = value => validateEmail(value) || 'Please enter a valid email address.';
let isValid = isValidEmail('abc@gmail.com');
console.log(isValid); // true
isValid = isValidEmail('abc@@gmail.com');
console.log(isValid); // Please enter a valid email address
Suppose you have written a generic validation function that checks if the input field is empty or not as shown below:
const isNotEmpty = function(fieldName) {
return function(fieldValue) {
if (fieldValue.trim().length > 0) {
return true;
} else {
return fieldName[0].toUpperCase() + fieldName.slice(1) + " is required.";
}
};
};
const fieldName = isNotEmpty('name');
let isValid = fieldName('David');
console.log(isValid); // true
isValid = fieldName('');
console.log(isValid); // Name is required
The same function can be written in just one line using ES6 arrow functions syntax as shown below:
const isNotEmpty = fieldName => fieldValue => fieldValue.trim().length > 0 || fieldName[0].toUpperCase() + fieldName.slice(1) + ' is required.';
const fieldName = isNotEmpty('name');
let isValid = fieldName('David');
console.log(isValid); // true
isValid = fieldName('');
console.log(isValid); // Name is required
These are just two examples of validation functions but as you can see, you can create all validation functions using this ES6 arrow function syntax which allows us to write code in a simpler and shorter way.
Check out my recently published Mastering Redux course.
In this course, you will build 3 apps along with food ordering app and you'll learn:
and then finally we'll build a complete food ordering app from scratch with stripe integration for accepting payments and deploy it to the production.
Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.
