Skip to content

Articles

I write some articles now and then. Whenever I have time and a topic to write about. Mostly about front-end development with React and Angular.

  • 21 min read

    Building an Angular Library with multiple entry points

    An Angular library lets you share code between multiple projects. For a larger library it's recommended to use subentry points. We'll build a new Angular library from scratch, add multiple subentry points with dependencies between them and add a showcase app that uses the library.

    Read More
  • 5 min read

    React Hooks for Angular

    React Hooks are great and I really miss them in Angular. What if Angular had hooks? We could build hooks for state management, subscription handling and even reactive state. So let's build Angular Hooks!

    Read More
  • 12 min read

    Create dynamic translations with HTML & Components in Angular

    Most translation libraries are focused on static text and do not allow you to build dynamic translations that include links and buttons - but this is a common use case. We'll build an Angular Component that lets you inject any HTML and even Angular Components and Directives into your translations.

    Read More
  • 5 min read

    Follow-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 More
  • 11 min read

    Chainable 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 More
  • 7 min read

    Handling 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 More
  • 3 min read

    Two-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 More