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
Blog
I write some posts now and then. Whenever I have time and a topic to write about. Mostly about front-end development with React and Angular.
- 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 readFollow-up: Data handling in Angular Reactive Forms
In a previous article we implemented a reactive form in Angular with child components. Now we'll learn how to initialize the form with data fetched by an API and how to convert the form values back to a data object.
Read More5 min readChainable class names for CSS Modules in React
React accepts a single string as className. What if you want to set multiple classes or based on some condition? Let's build a utility function to make class names chainable, conditional and type-safe.
Read More11 min readHandling large reactive forms in Angular
Angular Reactive Forms are a great feature to build forms. When building a large form, you may want to split it up into multiple components. Let's see how this can be done in Reactive Forms. We'll take a look at different approaches and implement one of them.
Read More7 min readTwo-way Data Binding in React
In React data flows one-way, from top to bottom. It does not support two-way data binding for good reasons. However, we can use Hooks to implement a pseudo two-way data binding.
Read More3 min read