Dev Beans

Dev Beans

JavaScript Newsletter: 17th November 2020

JavaScript Newsletter: 17th November 2020

Subscribe to my newsletter and never miss my upcoming articles

Todays articles provide lots of practical tips that will hopefully help you out in your own projects. First we have an article on how to detect the users operating system using vanilla JavaScript. Then we move on to how to make seamless page transition animations in Next.js. Finally we have an article on the difference between the array methods, map and foreach, and when to use each of them.

Quote of the Day

“Code is read more than it is written.” - Daniel Roy Greenfeld

Todays Articles

Vanilla JavaScript detecting the operating system

By Chris Bongers

I'm sure you've ever seen this in action. A website that states hey you're on MacOS download this specific Mac version. Or download the Windows EXE here. It mainly comes down to downloads, but there can be some cool advantages of knowing a users browsers and system. In today's article, we will be using the navigator API to get the appVersion.

Page Transitions in Next.js with Framer Motion

By Seth Corker

I’ll help you start adding more delight to your Next.js app (or other React apps) with transitions between pages. We’re going to use the AnimateSharedLayout component from the Framer Motion API to make pages blend between each other seamlessly.

The differences between map() and forEach()

By Arsham Azami

In javascript, there are many methods to work with arrays but some of them are a little bit confusing for most of the developers. the most common methods among javascript array methods are map() and forEach() methods but the majority of developers don't know when to use map() and forEach() and are not familiar with their differences. In this article, I am going to completely describe this for you

 
Share this