HTML DOM Guide for Everyone

When you open a webpage, the parser of the browser starts immediately to process the underlying HTML-File. The content of the file is going to be converted into a tree structure, consisting of various nodes, such as element, attribute, and text nodes. - http://amp.gs/cNoU

#html

Five DRY Principles to Follow in React

Yes, the DRY (don’t repeat yourself) principle applies to React projects, too. These prescriptive recommendations will help you take the redundancies out of your code (or prevent them in the first place). - http://amp.gs/cAVb

#react

Storybook for Vue 3

Storybook is an open source tool for building UI components. The latest version of Storybook now support Vue 3. - http://amp.gs/cAof

#vue

Building a NextJS Monorepo

You started creating a frontend application for your company, then another, and another and eventually you end up with a dozen frontend applications with a ton of replicated code. Tooling code, linting, tests, helper libraries and domain specific code. - http://amp.gs/cqyB

#nodejs

How to do DOM Manipulation properly in Angular?

Often when we are using JavaScript techniques inside Angular, we almost forget about the framework’s features. Let’s utilize them. - http://amp.gs/cq5i

#angular

What Is The Meaning of this!?

Figuring out what this refers to in different contexts is one of the most perennially discussed topics in the JavaScript world, so it’s always good to see a confident developer take on explaining it. Dr. Axel has his take on the matter too. - http://amp.gs/csKq

#javascript

How to Improve CSS Performance

Milica Mihajlija outlines the most common speed issues caused by CSS and explains how to avoid them. - http://amp.gs/ciuU

#css

Building large projects with Vue, Vite and Lerna - Tomasz Waraksa

A topic that isn’t often covered – application architecture / file structure of large Vue projects. In this post, Tomasz explores an app architecture based on Lerna (mono-repo) that highly favors using separate packages for different parts of the app. Super interesting approach, that I would love to see in action. - http://amp.gs/cDqr

#vue

The Death of a Node.js Process

Writing code to do stuff is fun, but do you ever think about what happens when your creation is either ready to terminate or gets cut off in its prime? Thomas looks at some different ways Node processes can terminate and how to keep it as clean as possible. - http://amp.gs/cuVy

#nodejs

Integrating Google Maps in React

A thorough review of just about everything you need to know to incorporate a feature-rich mapping experience which many users simply expect these days. - http://amp.gs/cJ9P

#react

Going Beyond console.log() to Level Up Your Debugging Skills

Christian Heilmann highlights some some powerful features of browser devtools to upgrade the way we develop. - http://amp.gs/c0OU

#javascript

Compat2021: Eliminating Five Top Compatibility Pain Points on the Web

Robert Nyman and Philip Jägenstedt give an overview of what are browser vendors and industry partners doing to fix the top five browser compatibility pain points for web developers. - http://amp.gs/cK9u

#css

Subscribing to Observables in Ongoing Angular Lifecycle Hooks

How you should treat subscriptions in ongoing lifecycle hooks such as OnChanges without leading to performance issues - http://amp.gs/c39s

#angular

A Guide to (Ethical) Scraping of Sites with Node and Puppeteer

For simple tasks, a basic HTTP client is enough, but for dynamic sites a headless browser is often needed and Puppeteer (or Playwright!) is ideal. - http://amp.gs/cHgD

#nodejs

The Benefits of the New Vue 3 App Initialization Code – Mikhail Kuznetsov

In this article, we’ll compare the Vue 2 and Vue 3 app initialization code and reveal the drawbacks of the Vue 2 approach, as well as cover how Vue 3 solves those shortcomings. - http://amp.gs/c2Gn

#vue

React Clean Code Recommendations

Eight well thought out recommendations complete with code examples first showing how not to do it, followed by a new and improved version. - http://amp.gs/cwBB

#react

Taming Blend Modes: difference and exclusion

Ana Tudor explains how blending works, takes a closer look at two somewhat similar blend modes — difference and exclusion — and dissects some cool use cases for blend modes. - http://amp.gs/cFtU

#css

Picking The Right JavaScript Framework

Just like with bundlers, there are plenty of options when choosing a new framework. But do you need one? And if so, how do you pick the right one? Sacha Greif’s 12-Points-Checklist highlights 12 things to keep in mind when evaluating any new JavaScript library. Most notably, features, performance, learning curve, compatibility and track record. - http://amp.gs/cF6i

#javascript

Preventing app regressions in Angular with Google Lighthouse

Saying no to app regressions with Google Lighthouse integration - http://amp.gs/cXbZ

#angular

Add Voice Recognition to React Native without Adding the Cloud

Quick and easy voice recognition often depends on a cloud service for implementation. However there a lots of good reasons—security, for example—why you don’t want to do it that way. - http://amp.gs/cLX8

#reactnative