Fotis Adamakis - Frontend Architecture & DX

Seven useful tips for managing styles in Vue single file components, covering scoped styles, CSS variables, and component-level style tricks.

A clean and scalable layout architecture pattern for Vue applications that reduces code repetition and supports multiple layout sections per page.

A comprehensive breakdown of a Vue 3 component using Composition API and Script Setup, covering every part of the template, script, and style sections.

A guide to integrating an icon library like Bootstrap Icons into a Vue application, covering installation, component design, and best practices.

A humorous take on 15 pieces of terrible advice for web developers, including over-abstracting, ignoring code reviews, and skipping tests.

An introduction to Radix-Vue, a community-led adaptation of Radix UI for Vue that prioritizes accessibility, customization, and developer experience.

A practical guide to structuring a front-end application folder in a way that scales, with clear separation of concerns and maintainable organization.

A practical guide to unit testing Pinia stores and components that use them, covering test setup, mocking, and common scenarios that catch developers off guard.

How signals work across JavaScript frameworks like React, Vue, and Solid, and why Vue 3's reactivity system was ahead of the curve all along.

An in-depth look at why Vue 3's Composition API provides both ref and reactive for state declaration and how each one works under the hood.

A guide to becoming a book technical reviewer, explaining the role, responsibilities, and what to expect when reviewing technical content for publishers.

How to create a Vue 3 reference component to standardize code style across your team, covering syntax selection and consistency best practices.

Eight practical tips for writing better unit tests in TypeScript, covering test structure, mocking strategies, and common testing anti-patterns.

A guide to prop naming conventions in Vue components, exploring patterns for boolean, object, and event props to improve code readability.

Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon in the field of programming

A deep dive into Vue Query for advanced data fetching patterns, covering caching, pagination, optimistic updates, and server state management.

A guide to Vue 3 Script Setup macros like defineProps, defineEmits, and defineExpose, explaining how they reduce boilerplate in Composition API components.

Why JavaScript developers should start using Maps and Sets instead of plain objects and arrays, with practical examples and performance benefits.

How to combat AI fatigue by striking a healthy balance between leveraging AI tools and maintaining human creativity, critical thinking, and well-being.

A step-by-step guide to automatically deploying a Vue application on GitHub Pages for free using GitHub Actions for continuous deployment.

How to use the Provider Pattern in Vue to build reusable and maintainable components by separating data fetching from presentation logic.

Exploring the differences between function expressions and function declarations inside Vue 3 Script Setup and which one you should prefer.

A step-by-step guide to setting up CodeGPT, a VS Code extension that integrates ChatGPT into your IDE to boost productivity with AI-powered code assistance.

A comparison of watch and watchEffect in Vue 3, explaining their differences, use cases, and why watch remains the better choice for most scenarios.

A personal account of migrating a small Vue 2 application to Vue 3, sharing practical lessons learned and common challenges encountered during the process.

Why mixins in Vue 2 are considered harmful due to implicit dependencies and naming conflicts, and how Vue 3 composables provide a better alternative.

An announcement and overview of the official Vue Certification of Competence, a collaboration between Vue and Vueschool for validating Vue skills.

A curated list of book recommendations from the developer community for software engineers, covering habits, architecture, design, and professional growth.

A practical list of 10 common mistakes developers make when starting with Vue 3 and how to avoid them for a smoother development experience.

A practical guide to implementing real-life transitions and micro-interactions in Vue 3 using CSS transitions, animations, and JavaScript hooks.

One exciting feature of Vue 3 is Suspense.

A code review tip on simplifying functions that return booleans by removing unnecessary conditional wrappers and returning expressions directly.

A fun experiment interviewing ChatGPT for a front-end developer position, testing its knowledge of HTML, CSS, JavaScript, and frameworks.

A walkthrough of all five ways to define a component in Vue 3, from Options API to Composition API to Class API, with code examples for each approach.

Music recommendations for deep focus while programming, including playlists and genres that help developers stay productive and in the zone.

An overview of reactive data declaration in Vue 3, comparing ref and reactive with practical examples and explaining the quirks of each approach.

Quick reference guide for Vue 3 composition API script setup

Building a debounced search component in Vue.js from scratch, demonstrated with both Options API and Composition API approaches.

A hands-on guide to refactoring a Vue 2 Options API component to Vue 3 Composition API, covering script setup, composables, and best practices.

Seven book recommendations for software engineers covering algorithms, habits, psychology, and practical engineering skills to boost your career.

Eight common mistakes junior software engineers make in their career, from over-engineering to avoiding communication, and how to grow past them.

A comprehensive guide to prop validation in Vue, covering primitive and complex types, custom validators, and best practices for robust component contracts.

An introduction to VueUse, a collection of 200+ essential Vue 3 utility composables for browser APIs, state, animation, and more.

An analysis of the future of state management in Vue.js, comparing Vuex, Pinia, and composables as the ecosystem evolves with Vue 3.

Why jQuery is still relevant after all these years, clarifying the difference between a library and a framework and its continued value in modern development.

More than 4 years have passed since the initial introduction of Vue 3.

Ten habits you can build outside of work to become a better software engineer, from exercising and meditating to reading and contributing to open source.

How Glovo fosters a culture of tech innovation through knowledge sharing, cross-team collaboration, and events that break down silos across engineering teams.

A comparison of data fetching approaches in Nuxt.js, explaining the differences between AsyncData, Fetch, Middlewares, and Vue Hooks for server-side rendering.

Part 2 of Nuxt patterns for Vue.js developers, covering advanced features like middleware, plugins, layouts, and modules for scalable applications.