Repository Pattern: How to create better HTTP Services in Angular
Learn how to use the Repository pattern for Angular HTTP Services. The pattern will make your services reusable and easier to test.
3 min read
Home
👋 Hello and «grüezi»
My name is Sandro Roth.
I'm an experienced Frontend Developer based in Lucerne, Switzerland.
Scroll down to see some of my work 👀
Recent posts
- Read More
SCAM: A better way to share components in your Angular App
SCAM is alternative approach for sharing components between your Angular feature modules. Learn how to apply it and what the benefits are compared to the usual SharedModule approach.
Read More3 min readComponent Variants: Create responsive Angular components by reversing the responsibility
Using CSS Media Queries in your component is one way of making them responsive. But Media Queries are based on the browser width/height which makes your component less reusable in different contexts. We can move the responsibility to the parent by creating component variants.
Read More5 min readAngular + Stitches: How to use CSS-in-JS in Angular
Stitches is a new CSS-in-JS library for React. Let's use the framework-agnostic core of Stitches in Angular to style components. We'll also make it reactive using RxJS.
Read More9 min read
Latest projects
ASCII Tree Generator
This is simple tree generator that lets you generate fancy folder trees for READMEs and documentation. It is built with Alpine.js, TypeScript and Parcel.microkit.cotinytip
This is a website with a growing collection of tips & tricks for developer. There are tips about TypeScript, HTML, a11y, Angular and more. It is built with Eleventy, Tailwind CSS and Algolia.tinytip.counseen
Do you need to hide sensitive information on a website before making a screenshot? Use unseen, a simple tool to blur and blacken elements on any website. It is a simple bookmarklet made with Vanilla JavaScript.unseen.sandroroth.com