Learn how JavaScript engines optimize your code, all you need to know about Browser side storage, how you can create nice gooey effects with React and a neat trick to create paragraphs in your git commit messages

Tip of the day

Passing multiple m options to git commit command creates paragraphs in the message.

# git commit -m "Title" -m "Paragraph 1" -m "Paragraph 2"

Title

Paragraph 1

Paragraph 2

Articles

Human-Readable JavaScript: A Tale of Two Experts

Code is for machines to read and humans to understand. Explore with Laurie why newer and the shortest syntax for writing a piece of code in JavaScript isn't always better and how you need to consider your developer audience in a real way.

by Laurie Barth

The Ultimate Guide to Browser-Side Storage

A neat guide that covers all the options from variables through, localstorage and cookies up to some experimental browser APIs that may or may not become a web standard

by Craig Buckler

Tools

Frontend Practice

Build real skills by recreating real websites. Helpful resources to give you a headstart. Challenges to improve & test your frontend skills.

by Kyle Shook

gooey-react

This tiny component makes it easy to create sharp and crispy gooey effects in React with some customizations. It also works with Safari.

by Luuk de Vlieger

Dev of the Week

Vinit Shahdeo

Vinit is a GitHub Star who works as a Software Engineer at Postman. He loves to mentor people & has helped numerous beginners kickstart their open source journey. He has worked with all kinds of modern JavaScript technologies and likes to experiment with new challenges. He writes about open-source, JavaScript, his journey into tech and things in between.

Twitter | GitHub | LinkedIn

Tech Talks

JavaScript engines - how do they even?

We all have probably written JavaScript code with the help of some heavy frameworks and by now are used to getting results almost instantaneously, but have you ever wondered what happens behind the curtains and how is all that code getting executed so fast? In this talk Franziska discusses the role of JavaScript engines, how they make JavaScript execution fast and how you can write some compiler friendly JavaScript.

Quiz

What will be the output of the below snippet?

const myLifeSummedUp = ['☕', '💻', '🍷', '🍫'];

for (let item in myLifeSummedUp) {
  console.log(item);
}

for (let item of myLifeSummedUp) {
  console.log(item);
}

This week in GIF

Liked this issue? Share on Twitter or read previous issues.