-
Continuous learning is an essential part of your career, let's take a look at how you can do your best to keep growing.
-
The Consolidate view is dead, long live `Directory.Packages.props`. Use the `Directory.Packages.props` file to define your NuGet package versions in a single file.
-
A hassle-free way to fetch data and render the current state of the HTTP request.
-
What advantages does OData bring and why should we use it?
-
Using the global setup feature from Playwright to authenticate a test user and reuse its authentication state throughout your test suite.
-
Angular directives allow us to extend components without changing their internal code. This is useful to bring a consistent UX to 3rd party components. The directive can be configured to always be applicable, or can be used in an opt-in or opt-out basis.
-
Setting up playwright and "writing" a first test only takes a few minutes!
-
Configure the Angular router to always have access to the parent route data from within the child route.
-
Tips to help improve the shape of an older Angular codebase.
-
Say no to brittle tests with SCAMs
-
Creating a better user experience with the hidden benefit of the hidden attribute.
-
Configuring a new Windows machine with ease for full-stack .NET and Angular development
-
Creating a wrapper around the Application Insights SDK to easily consume it in an Angular application
-
How write maintainable NgRx tests within an Angular application
-
Don't create a false sense of security by overusing type assertions, instead use type annotations and return types.
-
Some small changes that are needed to create application instances in Functional Tests for Minimal Web APIs
-
Keepings it simple with ASP.NET Endpoints and its dependency system
-
Challenging the status quo with some thoughts on the new .NET Minimal Web API to keep code simple
-
Some basic and more advanced examples of pattern matching in C#.
-
How to load data from different sources without blocking the UI
-
Prepare your (view)models before they reach the component to make them faster and easier to render.
-
A fix for "Response status code does not indicate success: 401 (Unauthorized)"
-
Implementing custom cache middleware to prevent non-200 responses from being cached by a client
-
How I write my Angular Component Tests with the Angular Testing Library.
-
A model is always changing, but that shouldn't be the concern of your tests
-
A brief post on how to patch a part of an incoming HTTP response
-
Learn how to create a single workflow that runs on multiple environments with conditional steps
-
Minify images as a pre-commit step with Squoosh, husky, and lint-staged
-
A simple workaround to use environment variables in SvelteKit
-
One validator to rule them all
-
The things I looked up while learning the template-driven way
-
Adding a layer on top of the Angular Forms API to declare useful and readable form validators
-
A peculiar TypeScript error at compile time and how to solve it
-
Clean validation with MediatR, FluentValidation and the Problem Detail specification
-
Using SQL Bulk Copy to have a huge performance gain
-
Let's create a custom Angular preload strategy that loads all modules for the authenticated user
-
How to manage nested state with multiple NgRx entity adapters.
-
Lessons learned while refactoring a process to make a migration from one system to another system faster
-
Give auto-focus to form controls with just a few lines of code
-
Make your CI/CD pipeline smarter and only build (and release) what's modified to optimize a run
-
Tracking the cause of my first memory leak written in C# (that I know of)
-
Highlighting the functional and technical advantages by using rx-query
-
Utilize the NgRx Global Store cache to persist data before it's shown
-
How to convert your SQL Profiler template to an XEvent template.
-
How to use the SQL Server Profiler as a utility knife to get a better understanding of your system.
-
How I used the expand operator to create a retry functionality in rx-query.
-
How does rxjs-for-await compare to other approaches when it comes to testing RxJS streams, and what I like about these tests.
-
Using MSW to mock your server in an Angular project
-
Time-consuming tasks that can be prevented with integration tests.
-
Keeping your Angular Testing Library tests maintainable by using its new features.
-
Eliminate motivation as a factor to get things done, find your rhythm, and just (start to) do.
-
Some notes from my first experience with Deno while writing a minimal API server.
-
Prevent an accidental commit by using a linter.
-
From my experience dealing with query strings was harder than it should be. But with URLSearchParams and URL it's actually pretty easy to do!
-
Getting to know the internals of NgRx to make a local component store happen.
-
Creating sub-components comes with a cost. So what do I think of before creating a new component, because if a component passes the x lines of code isn't a valid reason.
-
How do the canActivate and canActivateChild guards work in Angular and how to these guards compare?
-
The most important pointers you need to know before migrating your TSLint rules to ESLint rules.
-
Do not reassign an Observable, instead wrap it in another Observable.
-
How to use functional testing to have confidence in the code you ship.
-
Let's explore how we can stop writing tests and at the same time be more confident in the code we write. We do this by using the new XState test package, in combination with Cypress and Testing Library.
-
If you don't watch out your C# application might suddenly perform badly. As a solution, we can limit the number of operations with a LINQ Join.
-
Having an accessible website is important. With the combination of Cypress and axe you can verify that your website is accessible, with only 2 extra lines of code.
-
Let's take a look at what a flagged enum is and when these can be handy
-
I keep being surprised by how reactive Svelte feels. In this article, we take a glance at the Svelte internals to see how Svelte accomplishes this. This is important if we want to use RxJS in Svelte.
-
Learn what we did to make our Angular application snappier.
-
Writing Svelte component tests with the Svelte Testing Library is simple. Let's take a look at the setup to get you started!
-
If you're using Angular, there's a good chance that you're using a component-based architecture. We can use this architecture to our advantage. Instead of creating one big print stylesheet with some selectors, which becomes unmanageable complex when you have to support multiple printable pages. We can move some of the layout back to the components.
-
The createAction creator function opened opportunities in the NgRx world. With it came two other creator functions, createReducer and createEffect. Let's take a look at what's so special about it and why it's important.
-
In this article, we'll iterate over an implementation to introduce multiple independent instances of a NgRx store slice. In an application, these instances can be represented by a tab-like interface. To come to a solution we'll use the Angular Router, NgRx Effects, and NgRx Router Store. We'll also see meta-reducers, helper reducer functions, and smart and dumb components.
-
The Angular Component pearl-lullaby (v9.0.0-rc.0) release introduces the second official @angular/component component, a Google Maps component. In this post, we take a look at getting started with the Google Maps component.
-
The new Angular Material release brings us a new CDK clipboard module to interact with the clipboard. In this post, we'll explore how to use the new Clipboard CDK by going over some examples.
-
By using a Cypress task it's possible to run code JavaScript code in Node.js. We can leverage this API to reseed a database with data we're in control of. Having control over the data allows us to write specific and isolated scenarios to run tests against.
-
The Angular Testing Library provides utility functions to interact with Angular components, in the same way as a user would. This brings more maintainability to our tests, gives us more confidence that our component does what it's supposed to do, and it improves the accessibility which is better for our users. All these benefits, plus you'll see that it's fun to write tests in this way.
-
A lot of Angular modules need to be imported with a static forRoot() function, via this function it allows us to configure the module. But sometimes we make the mistake to use the forRoot function more than once throughout an application. We might not notice it when this happens but often it is the cause of unexpected behavior, which is sadly hard to debug. In this post, we'll look into a solution.
-
Imagine having a form that you want to use at multiple places inside your application. The form will have the same layout but the validation will be different. In our case, this form is used in a procedure and in each step of the procedure the form gets more restrictive. Can you keep it DRY? We had this problem and came up with the following solution.
-
I discovered XState a year ago, I already had encountered state machines and statecharts before but I missed the point. Now a year further, I'm here to tell you that these are worth looking into and that XState is a the library to get you started. For me, the most important points to use XState or statecharts would be that it's declarative and explicit, it's hard to create invalid state. The nice extra's that you get with it, is the tooling around it and the portability across frameworks.
-
At first when I heard of css variables, I was a bit skeptical. Why would anyone use it if there are extension languages as scss, sass, less and stylus. After several years, I stated to notice more and more peoples using it, writing about it and talking about it. I was missing out on something... After a while of using it, I was hooked.
-
Writing and publishing a dev.to blog post directly within VSCode
-
An intro to code coverage, how to read it, and how to make use of it in your workflow.
-
In our quest to build a twelve-factor app where we build once and deploy to multiple environment we encountered some problems, but we managed to solve them. Read here how we did it.
-
I believe that to become a better engineer it all comes down to practice, practice and more practice. Especially when you just started your career. The problem is that when you're just getting started, there is much more to it than just writing lines of code.
-
At our company, we struggled with Angular Forms at the start. This is because we dived in head first, without talking about how we would want to use it throughout our projects. This post shows how we're currently using Angular Forms to be more productive.
-
It's easy to create metadata tags with Gridsome, I was so happy with it that I wanted to write this post 😃. There is also a page in the docs on how to create metadata tags, but let's translate the theory into a real world example.
-
Writing and refactoring FizzBuzz in NgRx with maintainability in mind
-
Using the power of TSLint in an unconventional way to create rxjs-operator-counter.
-
We’re going to take a look at how we can keep the state in sync when a user has multiple tabs open.
-
I’m taking you along in my journey towards a fully automated process for releasing a library! Using CircleCI and the semantic-release.
-
Essential tools for maximum accessibility
-
Drag and Drop is a new feature in the new Angular Material CDK. Let’s explore it together!
-
A dive into NgRx selectors
-
Follow me in this play-by-play guide and let's integrate Jest within your Angular project!
-
I think it's time you and I talk a bit about action creators. But before we get into action creators let's first start with actions.
-
You're probably only using ngrx/effects to handle the communication to an external source by triggering an effect with a NgRx action. But you can do more.
-
Let us explore which methods I'm using to test my NgRx selectors.
-
An adapter around dom-testing-library to provide lightweight utility functions to test Angular components.
-
A follow-up post of "Clean NgRx reducers using Immer". But this time we're using NGXS as our state management library.
-
Declutter your reducers with Immer
-
Often when working with a CRUD heavy application you find yourself or someone else asking the question, what should be done when multiple users are using the same screens at the same time.
-
Within 5 minutes you can automagically have your library upgraded when a user runs the ng update command.
-
How to create required input parameters
-
NgRx Selectors with Props
-
A quick look at state normalization.