Kategorie · 51 Artikel

Frontend

Artikel in der Kategorie Frontend.

2023

1 Eintrag

2022

6 Einträge

Create a Table of Contents With Active States in Nuxt 3

I'm a big fan of a table of contents (ToC) on the side of a blog post page, especially if it is a long article. It helps me gauge the article's length and allows me to navigate between the sections quickly.

Artikel7 Min.Vue.jsNuxt.js

Building a Polite Newsletter Popup With Nuxt 3

This year I launched a free eBook with 27 helpful tips for Vue developers for subscribers of my weekly Vue newsletter. For marketing purposes, I showed a popup on the landing page of my portfolio page each time a user visited my site. I was aware that users probably could get annoyed by that popup. Thus I added a "Don't show again" button to that popup. I thought I solved the problem!

Artikel8 Min.Vue.jsNuxt.js

Create an RSS Feed With Nuxt 3 and Nuxt Content v2

My portfolio website is built with Nuxt 3 and Nuxt Content v2. An RSS feed with my latest five blog posts is available here. In this article, you'll learn how to add an RSS feed to your Nuxt website.

Artikel3 Min.Vue.jsNuxt.js

Dark Mode Switch With Tailwind CSS & Nuxt 3

I am currently rewriting my portfolio website with Nuxt 3 which is still in beta. In this article, I want to show you how I implemented a dark mode switch in Nuxt 3 using Tailwind CSS that I will use in my new portfolio website.

Artikel4 Min.Vue.jsNuxt.js

2021

9 Einträge

Document & Test Vue 3 Components With Storybook

Storybook is my tool of choice for UI component documentation. Vue.js is very well supported in the Storybook ecosystem and has first-class integrations with Vuetify and NuxtJS. It also has official support for Vue 3, the latest major installment of Vue.js.

Artikel8 Min.ToolsVue.js

Why I Love Vue 3's Composition API

Vue 3 introduced the Composition API to provide a better way to collocate code related to the same logical concern. In this article, I want to tell you why I love this new way of writing Vue components.

Artikel7 Min.Vue.js

My Top Vue.js Interview Questions

This article summarizes a list of Vue.js interview questions that I would ask candidates and that I get often asked in interviews.

Artikel8 Min.CareerVue.js

Why I Picked Vue.js as My Freelancer Niche

I have professional experience with the three big players in web development: Angular, Vue.js and React. I've reached the point in my career where I need to choose one of the three frameworks/libraries that I will use for my future freelancing career.

Artikel7 Min.CareerFreelancing

Track Twitter Follower Growth Over Time Using A Serverless Node.js API on AWS Amplify

In March 2021 I started to use FeedHive to help me grow an audience on Twitter. Recently, I wanted to check how my Twitter followers have grown over time. Unfortunately, Twitter Analytics only provides data from the last 30 days. So I decided to develop a simple serverless API to fetch and store my follower count each month.

Artikel5 Min.ReactFullstack

My Top React Interview Questions

This article summarizes a list of React interview questions that I would ask candidates and that I get often asked in interviews.

Artikel8 Min.CareerReact

Build and Deploy a Serverless GraphQL React App Using AWS Amplify

Recently I recognized that some SaaS (Software as a Service) products use AWS Amplify which helps them to build serverless full-stack applications. I think serverless computing will be the future of apps and software. Therefore, I wanted to gather some hands-on experience, and I built a serverless application using AWS Amplify that uses React as frontend framework and GraphQL as backend API.

Artikel10 Min.BackendFullstack

Run, Build & Deploy Stencil and Storybook From One Repository

I recently joined a project where the team used two separate Git repositories for their web components based on Stencil and Storybook. But the idea of Storybook is that the so-called "stories" live next to the components source code. Therefore, it made no sense to me to have those two tools in different repositories, and I combined them both in one repository.

Artikel7 Min.Tools

Debug Why React (Re-)Renders a Component

React is known for its performance by using the Virtual DOM (VDOM). It only triggers an update for the parts of the real DOM that have changed. In my opinion, it is important to know when React triggers a re-rendering of a component to be able to debug performance issues and develop fast and efficient components.

Artikel6 Min.React

2020

3 Einträge

How To Generate Angular & Spring Code From OpenAPI Specification

If you are developing the backend and frontend part of an application you know that it can be tricky to keep the data models between the backend & frontend code in sync. Luckily, we can use generators that generate server stubs, models, configuration and more based on a OpenAPI specification.

Artikel7 Min.AngularSpring

Sending Message To Specific Anonymous User On Spring WebSocket

In my current, I had the opportunity to develop a new application based on Vue.js in the frontend and Spring Boot in the backend. The backend should send updates to the frontend via a WebSocket connection so that users do not need to refresh the website to see the latest information.

Artikel7 Min.SpringBackend

Manually Lazy Load Modules And Components In Angular

In Angular enterprise applications, it is often a requirement to load a configuration from a server via HTTP request which contains a UI configuration. Based on this configuration data, multiple modules and/or components need to be lazy-loaded and its routes dynamically added to the application.

Artikel6 Min.Angular

2019

1 Eintrag

How To Build An Angular App Once And Deploy It To Multiple Environments

In my last projects, we always had the same requirement: Build the application once and deploy the same build fragment to multiple environments. This leads to some technical challenges, as we need to be able to inject environment-specific information to our application during runtime.

Artikel6 Min.Angular
Seite 2 von 3