Frontend Insider #6

The 6th part of the curated list of articles, videos, workshops and courses on the topics I am interested in: Web-development: Javascript, Typescript, Node.js, React; Software architecture; Technical leadership; and more.

Free image by David Mark

Developer eXperience

Sometimes there’s this tension between product teams that are autonomous and independent and then support teams that want to come in and define standards or advocate for certain ways of working that the independent team isn’t used to. Sounds familiar? CHeck how this is solved ad DAZN.

DX at DAZN: Team Values, Rotation, and Placing "Bets"

Developers are in high demand everywhere; there just aren’t enough of them to go around. This means it is so important to retain the ones we have. So, how do we go about creating a great developer experience? According to Lee Robinson, VP of Developer Experience at Vercel, there are a variety of different things companies can do.

What Makes a Great Developer Experience? - Lee Robinson

Architecture

Nice overview of most important non-functional requirements of ay large system

Top 10 Architecture Characteristics / Non-Functional Requirements with Cheatsheat

What questions should you answer in order to build distributed system properly?

System Design Mind Map For Building Distributed Systems

Javascript

If you are building complex UIs, you’ve definitely heard about Solid.js. But what i like explicitly is their 10 mins video intro — so far the best framework intro I’ve seen.

Typescript

Very well written and informative series of articles about some advanced Typescript features. Including nice animations.

Using TypeScript Mapped Types Like a Pro

React

How does it sound to improve React performance compile time by adding real reactivity? Not production ready yet, but worth checking out

React Turbo — the ultimate solution to optimize React performance

This “new” approach reminds me so much old-good PHP or JSP code where everything was in one file: DB requests, html and styles.
But maybe I am wrong and this is the future of React full stack.

Full Stack Components

Micro-frontends

Before deep diving into micro-frontends architecture become aware of the most common anti-patterns

4 Micro-Frontend Anti-Patterns

Engineering management

A very accurate and clear depiction of the feelings and thoughts I had when I first started out as a technical leader and had to delegate some challenging tasks.

Human Who Codes Newsletter - Delegation Resistance

<<< Frontend Insider #5 — — Frontend Insider #7 >>>