Markus Oberlehner

When migrating from Vue 2 to Vue 3 or starting a new Vue 3 project, many people wonder if they should continue using the Options API or go all-in on the Composition API.

Years of writing and maintaining CSS code and remarks by Mark Dalgleish and Adam Wathan, along the same line, lead me to conclude that the spacing between HTML elements should be determined by their parent element in almost all cases.

One of the first questions that arise when starting with the new Vue Composition API is ref() or reactive()?

Suppose you're searching for high-quality Vue.js templates, I recommend you to take a look at the work of Creative Tim.

Tailwind CSS is a divisive issue in the web development world: some love it, others love to hate it.

Whenever you feel the need to access global state or globally injected plugin methods or global anything for that matter, often it is a sign that the component you're working on is doing too much...

Props Down / Events Up is the standard paradigm for communication between parent and child components in Vue.js.

The most common answer when you ask a professional about how to solve a specific problem is: it depends.

In the good old times, creating a JavaScript-enhanced website was straightforward: create a .html file, add a

Imagine a world where you don't need to install a single dependency, but you're still able to use all modern JavaScript features.

I watched some chess recently.

I recently discovered that we can let the file structure of our projects guide us to find out which components we should inject into other components via slots and which components we can import directly...

A few years ago, before frameworks like React and Vue.js became popular and WordPress and jQuery dominated the web (which, strictly speaking, still is the case today), there seemed to be an agreement on the overall importance of Progressive Enhancement.

One problem with the Vue Options API is that it is hard to share stateful logic that relies on reactive variables.

When I first studied the new Composition API, I was confused that there are two watch hooks: `watch()` and `watchEffect()`.

I am currently working on porting vue-lazy-hydration to Vue 3.

I'm kind of obsessed with Dependency Injection.

Some time ago, I read a very informative article by Pete Hodgson about feature toggles.

In the React world, React Hooks are basically what in the Vue world is the Composition API.

With the new Composition API and Vue 3, there is a lot of talk about whether or not we still need Vuex or if it is possible to replace Vuex completely by making reactive objects globally available.

Certain coding practices seem superfluous when you first encounter them, but sooner rather than later you get into a situation where you wish you had stuck with them.

I recently played around with the idea of using renderless provider components not only for data but for styles too.

We use Dependency Injection to achieve loose coupling.

Again and yet again, we hear and read about the problems of CSS.

After trying to go all-in with utility classes a few times, I decided that, for me, this is not the right approach.

Recently I've finished reading the book Antifragile by Nassim Nicholas Taleb.

Recently I saw an interesting Tweet by Mark Dalgleish, about the idea of contextual defaults for React components.

In this article, we will take a closer look at how we can run automated cross-browser acceptance tests in real browsers on LambdaTest using TestCafe as our test framework...

Recently I saw an interesting Tweet by Mark Dalgleish, about the idea of contextual defaults for React components.

When talking about loose coupling and tight coupling, often, the impression arises that tight coupling is something we always have to avoid.

One of the most fragile parts of modern web applications is the network connection.

Recently I was responsible for introducing a major bug into the code base of the product I'm working on.

In typical server-side rendered web applications, the separation of the business logic from the view layer was usually straightforward.

Last weekend I had the pleasure to dine at Das Maier.

In the last couple of weeks, I'm not as motivated anymore to do all the things I have to, and I want to do.

In the following screenshot, you can see a popular pattern for landing pages: repeating sections of an image on the one side and text on the other side where the image reaches the edge of the screen...

To become a capable programmer, it is crucial to have systems that free you of the mental burden of thinking about all the little things while programming so you can focus on the big picture...

If you’re used to working with Vue 2 $refs and switch to the Vue 3 Composition API, you might wonder how to use $refs inside the new setup() method.

When naming your (Vue.js) components, you might sometimes be worried that the names are getting very long.

The React Context API provides a way to share properties that are required by many components (e.g., user settings, UI theme) without having to pass a prop through every level of the tree (aka prop drilling)...

When designing very large JavaScript applications, you have to be very careful about how you structure your dependencies.

When building apps that rely on data from an API, two things are essential: we want our data to be fresh, and we want it fast.

If you are using a third-party image hosting service like Cloudinary or if you are hosting your images via a headless CMS like Storyblok, you may have been annoyed that the images are not delivered from your domain...

In this article, we explore how to create a simple carousel with only HTML and CSS.

In my experience, customers love sticky headers.

A few days ago, I remembered that at my former workplace, karriere.at, we had a pre-commit hook bash script that executed ESLint and Stylelint, not on the entire repo, but only on files that were changed.

A few weeks ago, I wrote about naming unit tests BDD style using Given/When/Then.

One of my freelancing projects is a Nuxt.js project powered by the headless CMS Storyblok.

One of my top priorities is to create the fastest possible websites (think marketing sites, not web applications), but I also don't want to do without modern tools and a component-based workflow.

One of my top priorities is to create the fastest possible websites (think marketing sites, not web applications), but I also don't want to do without modern tools and a component-based workflow.