Frontend Insider #1

3 min readOct 5, 2021

The first 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.

Microfrontends

Building micro-frontends is quite a hot topic in our company. Whenever someone wants to play around with it and use Webpack Module Federation — i recommend these articles to start with.

Webpack 5 Federation. A Game-changer to Javascript architecture. - inDepthDev

Module federation - The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together…

indepth.dev

Microfrontends Hands-On Project with Module Federation — Part 1

This article will go through architecting, designing, implementing, and deploying a real-life Microfrontends project.

levelup.gitconnected.com

Another great story by Netflix guys. What I can for sure adopt is their high level objectives for building micro-frontends (as those are highly relevant for us as well): Low Friction Adoption; Weak Dependencies; Highly Aligned, Loosely Coupled; Metadata Driven; Rapid Development

How We Build Micro Frontends With Lattice

A tiny framework that provides an abstraction layer for React web applications to leverage.

netflixtechblog.com

Typescript

Lot’s of Typescript features mentioned in this article are also used in our projects and it helps to get even more benefits out of Typescript.

Advanced Typescript

Get familiar with some of Typescript's greatest advanced features.

kevinkreuzer.medium.com

React

Time to have a sneak preview of what is coming in React 18.

What's new in React 18? | Yagmur Cetin Tas

what's new in react 18? As the React 18 version alpha is ready-to-go, and a stable beta version will probably be…

yagmurcetintas.com

Node.js

Always useful to refresh the knowledge about Node.js and V8 internals to deliver (even) more performant software.

Node.js Garbage Collection Explained — RisingStack Engineering

In this article, you are going to learn how Node.js garbage collection works, what happens in the background when you…

blog.risingstack.com

Architecture

Old good story about why new technology is not always the right choice.

Choose Boring Technology

Probably the single best thing to happen to me in my career was having had Kellan placed in charge of me. I stuck…

mcfunley.com

This article resonates very much with my own vision on what we should also work on and improve.

Developer Experience (DX) at DAZN

DAZN DX team focus, structure, operational model, values and more

medium.com

A quick course to learn foundations of the Agile Software Architecture.

The importance of software architecture - Software Architecture Foundations Video Tutorial |…

Have you ever worked on a product that just couldn't scale to meet the needs of its users? Have you run into countless…

www.linkedin.com

Other

What are you thoughts on contributing back to OSS? Is it something you would like to do more?

You use more open source software than you think

Open source packages are the "roads and bridges" of software, but unlike real roads and bridges, open source is often…

github.com

And finally, some fun reading for the weekend.

Self-Parking Car in 500 Lines of Code | Trekhleb

Training the car to do self-parking using a genetic algorithm

trekhleb.dev

Frontend Insider #2 >>>