First .then method is using arrow function syntax and the second .then method is using the function keyword syntax. Is this just inconsistent coding style or does it have a purpose?
store
.dispatch(Actions.LOGIN, values)
.then(() => {
Swal.fire({
text: "Sucess!",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok!",
customClass: {
confirmButton: "btn fw-bold btn-light-primary",
},
}).then(function () {
// Go to page after successfully login
router.push({ name: "dashboard" });
});
})
I think that this is just inconsistent coding style, the end result is virtually the same (although in some instances you might be unable to use arrow functions) so it doesn't really matter.
Some developers like to use arrow functions, others like to use normal functions. Sometimes you might forget to use an arrow function, or are copying someone else's code and forget to reformat it to your own coding style.
If this bugs you out, you can use ESLint to enforce a consistent style for your project.
No, it is not just inconsistency here you can read more.
And some cases you can not use arrow functions.
Also, without a webpack etc or some kind of packager it may not work for all browsers.