Notes on frontend tooling, large-codebase migrations, and the boring engineering that pays for itself.https://fadamakis.com/en-ushttps://fadamakis.com/skill-md-has-14-metadata-fields-use-them-correctly-763883717b26/https://fadamakis.com/skill-md-has-14-metadata-fields-use-them-correctly-763883717b26/A comprehensive guide to the 14+ metadata fields in SKILL.md files, explaining the Agent Skills spec fields and Claude Code extensions for writing better skills.Sun, 24 May 2026 15:38:39 GMTAIJavaScriptTutorialhttps://fadamakis.com/your-skills-might-be-lint-rules-in-disguise-84a7ed8d54ff/https://fadamakis.com/your-skills-might-be-lint-rules-in-disguise-84a7ed8d54ff/Once you discover the power of skills, you will be tempted to turn every repeated prompt, checklist, convention, and internal process into one.Sun, 10 May 2026 19:57:33 GMTAICode QualityJavaScripthttps://fadamakis.com/understanding-cursor-pricing-2ce7a6fd7930/https://fadamakis.com/understanding-cursor-pricing-2ce7a6fd7930/I’m obsessed with Cursor lately.Sun, 15 Mar 2026 20:54:00 GMTAICursorTutorialhttps://fadamakis.com/how-react-codebases-become-hard-to-maintain-88f98f42ebe2/https://fadamakis.com/how-react-codebases-become-hard-to-maintain-88f98f42ebe2/Let’s assume you start a React project with good intentions and the goal to keep the codebase clean and maintainable.Fri, 13 Mar 2026 18:27:39 GMTReactArchitectureJavaScriptCode Qualityhttps://fadamakis.com/how-to-think-in-a-front-end-system-design-interview-eb8adb99e6ba/https://fadamakis.com/how-to-think-in-a-front-end-system-design-interview-eb8adb99e6ba/A structured approach to front-end system design interviews, covering requirements gathering, UI structure, data modeling, and API design with practical tips.Sun, 15 Feb 2026 08:41:32 GMTCareerSystem DesignJavaScriptArchitecturehttps://fadamakis.com/you-probably-dont-need-usecallback-here-7e22d54fe7c0/https://fadamakis.com/you-probably-dont-need-usecallback-here-7e22d54fe7c0/Why most useMemo and useCallback usage in React is unnecessary, explaining how React re-rendering actually works and when these hooks truly help performance.Sat, 31 Jan 2026 15:15:16 GMTReactJavaScriptPerformancehttps://fadamakis.com/5-1-mcp-servers-for-cursor-f4e77d7df526/https://fadamakis.com/5-1-mcp-servers-for-cursor-f4e77d7df526/Imagine browsing the web without an ad blocker.Wed, 21 Jan 2026 21:30:11 GMTAICursorMCPJavaScripthttps://fadamakis.com/i-hate-next-you-should-too-102cc1f20b32/https://fadamakis.com/i-hate-next-you-should-too-102cc1f20b32/And I was mad at Vercel before it was cool.Sun, 05 Oct 2025 14:14:27 GMTJavaScriptReactNexthttps://fadamakis.com/accessible-modals-in-5-steps-e71009d821cc/https://fadamakis.com/accessible-modals-in-5-steps-e71009d821cc/A step-by-step tutorial on building accessible modal dialogs in 5 steps, covering focus management, keyboard navigation, and ARIA attributes.Fri, 27 Jun 2025 16:49:25 GMTAccessibilityTutorialhttps://fadamakis.com/using-aria-labels-like-a-pro-ecac90050e37/https://fadamakis.com/using-aria-labels-like-a-pro-ecac90050e37/One of the first issues any automated a11y tool will flag is missing ARIA labels. And honestly, it’s one of the easiest fixes to make.Sat, 21 Jun 2025 18:11:35 GMTAccessibilityTutorialhttps://fadamakis.com/you-might-already-know-react-native-9b5251a132f4/https://fadamakis.com/you-might-already-know-react-native-9b5251a132f4/How React Native takes a fundamentally different approach from WebView-based tools like Cordova and Ionic to deliver truly native mobile app experiences.Mon, 09 Jun 2025 15:16:45 GMTReacthttps://fadamakis.com/no-ai-mondays-c4c341a51956/https://fadamakis.com/no-ai-mondays-c4c341a51956/Why I started a No AI Mondays practice to stay sharp as a developer, maintain my coding skills, and avoid over-reliance on AI tools.Mon, 05 May 2025 08:19:29 GMTDevelopmentJavaScripthttps://fadamakis.com/what-if-we-made-bugs-illegal-854aeaa7131d/https://fadamakis.com/what-if-we-made-bugs-illegal-854aeaa7131d/A humorous thought experiment exploring what would happen if bugs were made illegal, and why the real solution lies in better testing and engineering practices.Sun, 06 Apr 2025 18:45:03 GMTDevelopmentJavaScripthttps://fadamakis.com/rip-styled-components-now-what-a8717df86e86/https://fadamakis.com/rip-styled-components-now-what-a8717df86e86/What to do now that styled-components is in maintenance mode, covering migration paths to CSS Modules, Tailwind, and other modern styling solutions.Tue, 01 Apr 2025 19:04:00 GMTTypeScriptDesign SystemCSShttps://fadamakis.com/dont-sleep-on-the-european-accessibility-act-b7f7a8b2e364/https://fadamakis.com/dont-sleep-on-the-european-accessibility-act-b7f7a8b2e364/By 28 June 2025, every company operating in the EU must be accessibility-compliant.Sun, 16 Mar 2025 15:58:28 GMTAccessibilityTutorialhttps://fadamakis.com/vue-is-too-easy-3d4ecca5e454/https://fadamakis.com/vue-is-too-easy-3d4ecca5e454/An exploration of why Vue's deliberately simple design makes it easy to learn yet extremely powerful, covering component declaration, reactivity, and routing.Wed, 12 Feb 2025 14:17:36 GMTVueVue 3https://fadamakis.com/css-inherited-vs-non-inherited-properties-f118f17c4e9f/https://fadamakis.com/css-inherited-vs-non-inherited-properties-f118f17c4e9f/A clear explanation of which CSS properties are inherited by child elements and which are not, and why this matters for debugging layouts.Wed, 08 Jan 2025 10:42:46 GMTCSSVuehttps://fadamakis.com/learning-vue-for-react-developers-602d0f98755a/https://fadamakis.com/learning-vue-for-react-developers-602d0f98755a/A side-by-side comparison of Vue and React concepts to help React developers learn Vue quickly, covering components, templating, and state management.Thu, 02 Jan 2025 13:17:59 GMTVueReacthttps://fadamakis.com/time-to-stop-using-bem-abff3a5bd048/https://fadamakis.com/time-to-stop-using-bem-abff3a5bd048/Why BEM CSS methodology has become outdated and what modern alternatives like CSS Modules, scoped styles, and utility frameworks offer instead.Sat, 21 Dec 2024 13:38:45 GMTBEMhttps://fadamakis.com/text-to-speech-with-vue-ea07d168c523/https://fadamakis.com/text-to-speech-with-vue-ea07d168c523/Building a text-to-speech application using Vue and the Web Speech API, demonstrating how to convert text to speech without any additional library.Mon, 23 Sep 2024 11:38:56 GMTVueVue 3https://fadamakis.com/better-vue-components-with-typescript-12-examples-3bf141d39784/https://fadamakis.com/better-vue-components-with-typescript-12-examples-3bf141d39784/The debate between JavaScript and TypeScript has been going on for years, and I thought by 2024 we would have reached a clear conclusion.Wed, 18 Sep 2024 11:51:58 GMTVueTypeScriptDesign Systemhttps://fadamakis.com/vue-meets-graphql-c9453e1d18ea/https://fadamakis.com/vue-meets-graphql-c9453e1d18ea/A side-by-side comparison of REST and GraphQL in Vue applications, showing how GraphQL eliminates over-fetching and under-fetching for cleaner data loading.Mon, 02 Sep 2024 09:38:40 GMTVueTypeScriptGraphQLhttps://fadamakis.com/recreating-queens-game-in-vue-d7e3b3013ccb/https://fadamakis.com/recreating-queens-game-in-vue-d7e3b3013ccb/Building a clone of LinkedIn's Queens puzzle game using Vue 3, exploring game logic, grid-based UI, and reactive state management for interactive apps.Wed, 26 Jun 2024 08:18:45 GMTVueVue 3https://fadamakis.com/using-aws-amplify-with-vue-e0439a0af4bb/https://fadamakis.com/using-aws-amplify-with-vue-e0439a0af4bb/A hands-on guide to using AWS Amplify with Vue, covering CLI setup, authentication, storage, and hosting for building and deploying full-stack applications.Tue, 18 Jun 2024 12:09:46 GMTVueVue 3https://fadamakis.com/custom-vs-third-party-component-libraries-c3337504a016/https://fadamakis.com/custom-vs-third-party-component-libraries-c3337504a016/A comparison of building a custom component library versus using a third-party solution, weighing flexibility, maintenance cost, and developer experience.Mon, 17 Jun 2024 08:12:47 GMTDevelopmentJavaScripthttps://fadamakis.com/ref-vs-reactive-pick-one-kill-the-other-95089f942327/https://fadamakis.com/ref-vs-reactive-pick-one-kill-the-other-95089f942327/A practical comparison of ref and reactive in Vue 3's Composition API, explaining when to use each and why picking one as your default simplifies code.Thu, 29 Feb 2024 15:27:29 GMTReacthttps://fadamakis.com/can-vue-query-replace-state-management-a1138feaa977/https://fadamakis.com/can-vue-query-replace-state-management-a1138feaa977/An exploration of whether Vue Query can replace traditional state management solutions like Vuex or Pinia and where the two approaches overlap.Mon, 26 Feb 2024 16:38:14 GMTVueVue 3https://fadamakis.com/hidden-responsibilities-of-a-front-end-engineer-6de2e2111f09/https://fadamakis.com/hidden-responsibilities-of-a-front-end-engineer-6de2e2111f09/An exploration of the often-overlooked responsibilities of a front-end engineer, from responsive design and accessibility to performance and security.Thu, 22 Feb 2024 20:54:24 GMTDevelopmentCareerhttps://fadamakis.com/handling-environment-variables-in-vue-da4d223aea71/https://fadamakis.com/handling-environment-variables-in-vue-da4d223aea71/Vue uses the widely adopted dotenv module to load build configuration from the following files in your environment directory:Mon, 19 Feb 2024 16:40:28 GMTVueAccessibilityhttps://fadamakis.com/kind-of-annoyed-at-vue-router-lately-c74de773c72a/https://fadamakis.com/kind-of-annoyed-at-vue-router-lately-c74de773c72a/A candid look at the pain points of Vue Router with Vue 3's Composition API, including outdated documentation, confusing syntax, and missing features.Thu, 15 Feb 2024 09:14:53 GMTVueVue Routerhttps://fadamakis.com/composables-as-state-management-in-vue3-ad59837cad48/https://fadamakis.com/composables-as-state-management-in-vue3-ad59837cad48/How to use Vue 3 composables as a lightweight state management solution, replacing Vuex with a simpler and more scalable approach.Mon, 12 Feb 2024 13:53:54 GMTVueVue 3Vue Composition APIhttps://fadamakis.com/prefer-const-over-let-forget-the-var-af60eff7a04a/https://fadamakis.com/prefer-const-over-let-forget-the-var-af60eff7a04a/Why you should prefer const over let and forget about var in modern JavaScript, with practical examples and best practices for variable declarations.Thu, 08 Feb 2024 14:15:03 GMTDevelopmentJavaScripthttps://fadamakis.com/polling-with-setinterval-vs-settimeout-in-javascript-c20caadee1cb/https://fadamakis.com/polling-with-setinterval-vs-settimeout-in-javascript-c20caadee1cb/A comparison of setInterval and setTimeout for polling in JavaScript, explaining the differences, use cases, and common pitfalls to avoid.Mon, 05 Feb 2024 14:00:56 GMTJavaScripthttps://fadamakis.com/vue-render-optimization-with-v-once-and-v-memo-28f39bc0e66a/https://fadamakis.com/vue-render-optimization-with-v-once-and-v-memo-28f39bc0e66a/Front-end frameworks, like Vue and React, gained popularity as a response to JavaScript’s lack of reactivity.Thu, 01 Feb 2024 10:31:38 GMTVuePerformancehttps://fadamakis.com/quiz-dependencies-vs-devdependencies-f42ef9885de4/https://fadamakis.com/quiz-dependencies-vs-devdependencies-f42ef9885de4/A quiz to test your knowledge of the difference between dependencies and devDependencies and why proper categorization matters for build speed, bundle size, and security.Mon, 29 Jan 2024 09:33:33 GMTDesign SystemVuehttps://fadamakis.com/handling-hacky-css-bcde5fc63364/https://fadamakis.com/handling-hacky-css-bcde5fc63364/A practical approach to managing temporary CSS hacks and workarounds by collecting them in a dedicated file that acts as a team to-do list.Thu, 25 Jan 2024 11:29:47 GMTCSSVuehttps://fadamakis.com/the-difference-between-composition-composition-api-and-composables-in-vue-3-aa92511101fc/https://fadamakis.com/the-difference-between-composition-composition-api-and-composables-in-vue-3-aa92511101fc/Clarifying the difference between Vue 3's Composition, Composition API, and Composables — three related but distinct concepts often confused by developers.Mon, 22 Jan 2024 13:35:53 GMTVueVue Composition APIREST APIhttps://fadamakis.com/data-fetching-in-vue-4b0faf0e88b7/https://fadamakis.com/data-fetching-in-vue-4b0faf0e88b7/A practical guide to data fetching in Vue 3, comparing lifecycle hooks and real-life scenarios for choosing the right approach for each type of API call.Thu, 18 Jan 2024 12:21:23 GMTVueVue 3https://fadamakis.com/the-building-blocks-of-a-greenfield-vue-application-in-2024-9a85430fad2a/https://fadamakis.com/the-building-blocks-of-a-greenfield-vue-application-in-2024-9a85430fad2a/The essential building blocks for starting a greenfield Vue application in 2024, covering tooling, state management, routing, and architecture choices.Mon, 15 Jan 2024 09:50:13 GMTVueDesign Systemhttps://fadamakis.com/you-are-writing-too-many-unit-tests-7a7fc91ecf97/https://fadamakis.com/you-are-writing-too-many-unit-tests-7a7fc91ecf97/Why the testing pyramid is outdated and how the testing trophy approach encourages more integration and end-to-end tests for better ROI on testing efforts.Thu, 11 Jan 2024 09:32:32 GMTTypeScriptTestinghttps://fadamakis.com/vue3-creating-a-reusable-modal-component-ac4adbe88a18/https://fadamakis.com/vue3-creating-a-reusable-modal-component-ac4adbe88a18/A step-by-step guide to building a reusable and accessible modal component in Vue 3 using the Composition API and a clean architecture.Mon, 08 Jan 2024 15:55:25 GMTVueAccessibilityhttps://fadamakis.com/vue-3-implement-a-base-input-component-the-right-way-f5ef2f917221/https://fadamakis.com/vue-3-implement-a-base-input-component-the-right-way-f5ef2f917221/A practical guide to implementing a base input component in Vue 3, covering naming conventions, CSS resets, props, and accessibility.Wed, 03 Jan 2024 15:00:23 GMTVueVue 3https://fadamakis.com/vue-2-is-dead-long-live-vue-2-30620292dc5c/https://fadamakis.com/vue-2-is-dead-long-live-vue-2-30620292dc5c/Vue 2 is officially no longer supported.Sun, 31 Dec 2023 23:01:43 GMTVueVue 3https://fadamakis.com/supabase-is-0b46c55d9162/https://fadamakis.com/supabase-is-0b46c55d9162/An introduction to Supabase as an open-source Firebase alternative, covering its features, pricing advantages, and why it stands out for scalable applications.Fri, 20 Oct 2023 16:11:37 GMTDesign SystemVuehttps://fadamakis.com/express-mongo-application-architecture-and-folder-structure-1f95274c28fe/https://fadamakis.com/express-mongo-application-architecture-and-folder-structure-1f95274c28fe/A practical guide to structuring an Express and MongoDB application with a clean folder architecture that scales for real-world CRUD applications.Sun, 15 Oct 2023 11:09:22 GMTExpressArchitectureBackendhttps://fadamakis.com/setting-up-express-typescript-da60fd7f2538/https://fadamakis.com/setting-up-express-typescript-da60fd7f2538/Express and TypeScript is a powerful combination. This is a no-fuss guide to get you started with them.Sun, 15 Oct 2023 11:07:19 GMTTypeScriptExpresshttps://fadamakis.com/open-props-a-css-framework-for-the-modern-web-233894019078/https://fadamakis.com/open-props-a-css-framework-for-the-modern-web-233894019078/An introduction to Open Props, a modern CSS framework that provides a comprehensive set of design tokens and custom properties for styling web applications.Thu, 28 Sep 2023 16:08:00 GMTCSSVuehttps://fadamakis.com/7-quick-tips-about-vue-styles-you-might-didnt-know-5ec2fcecb384/https://fadamakis.com/7-quick-tips-about-vue-styles-you-might-didnt-know-5ec2fcecb384/Seven useful tips for managing styles in Vue single file components, covering scoped styles, CSS variables, and component-level style tricks.Sun, 24 Sep 2023 12:19:17 GMTVueCSSDesign SystemTutorialhttps://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e/https://fadamakis.com/clean-layout-architecture-for-vue-applications-a738201a2a1e/A clean and scalable layout architecture pattern for Vue applications that reduces code repetition and supports multiple layout sections per page.Mon, 18 Sep 2023 15:28:17 GMTVueArchitecturehttps://fadamakis.com/the-anatomy-of-a-vue-3-component-285eadadea89/https://fadamakis.com/the-anatomy-of-a-vue-3-component-285eadadea89/A comprehensive breakdown of a Vue 3 component using Composition API and Script Setup, covering every part of the template, script, and style sections.Sat, 02 Sep 2023 12:33:39 GMTVueVue 3https://fadamakis.com/integrating-an-icon-library-to-a-vue-application-b342fee12fae/https://fadamakis.com/integrating-an-icon-library-to-a-vue-application-b342fee12fae/A guide to integrating an icon library like Bootstrap Icons into a Vue application, covering installation, component design, and best practices.Sun, 27 Aug 2023 15:20:54 GMTVueVue 3https://fadamakis.com/15-terrible-advice-for-web-developers-e821e95f5d18/https://fadamakis.com/15-terrible-advice-for-web-developers-e821e95f5d18/A humorous take on 15 pieces of terrible advice for web developers, including over-abstracting, ignoring code reviews, and skipping tests.Mon, 21 Aug 2023 19:01:07 GMTDevelopmentJavaScripthttps://fadamakis.com/radix-vue-the-next-generation-component-library-for-vue-29b20fcfd4ed/https://fadamakis.com/radix-vue-the-next-generation-component-library-for-vue-29b20fcfd4ed/An introduction to Radix-Vue, a community-led adaptation of Radix UI for Vue that prioritizes accessibility, customization, and developer experience.Sun, 06 Aug 2023 09:18:19 GMTVueReacthttps://fadamakis.com/a-front-end-application-folder-structure-that-makes-sense-ecc0b690968b/https://fadamakis.com/a-front-end-application-folder-structure-that-makes-sense-ecc0b690968b/A practical guide to structuring a front-end application folder in a way that scales, with clear separation of concerns and maintainable organization.Mon, 31 Jul 2023 17:16:15 GMTDevelopmentJavaScripthttps://fadamakis.com/unit-testing-a-pinia-component-37d045582aed/https://fadamakis.com/unit-testing-a-pinia-component-37d045582aed/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.Thu, 27 Jul 2023 17:31:41 GMTPiniaTestinghttps://fadamakis.com/react-signals-vue-3-463fefc51129/https://fadamakis.com/react-signals-vue-3-463fefc51129/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.Wed, 26 Jul 2023 09:46:01 GMTVueReacthttps://fadamakis.com/vue-3-why-both-ref-and-reactive-are-needed-344bb5da2593/https://fadamakis.com/vue-3-why-both-ref-and-reactive-are-needed-344bb5da2593/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.Tue, 18 Jul 2023 23:13:24 GMTVueReacthttps://fadamakis.com/becoming-a-book-technical-reviewer-b0f2fd55f307/https://fadamakis.com/becoming-a-book-technical-reviewer-b0f2fd55f307/A guide to becoming a book technical reviewer, explaining the role, responsibilities, and what to expect when reviewing technical content for publishers.Wed, 05 Jul 2023 19:13:50 GMTTutorialCareerhttps://fadamakis.com/vue-3-reference-component-cf6f18252ec9/https://fadamakis.com/vue-3-reference-component-cf6f18252ec9/How to create a Vue 3 reference component to standardize code style across your team, covering syntax selection and consistency best practices.Tue, 20 Jun 2023 18:46:46 GMTVueVue 3https://fadamakis.com/8-tips-for-writing-better-unit-tests-8c0a8d8cde16/https://fadamakis.com/8-tips-for-writing-better-unit-tests-8c0a8d8cde16/Eight practical tips for writing better unit tests in TypeScript, covering test structure, mocking strategies, and common testing anti-patterns.Sat, 17 Jun 2023 18:00:03 GMTTypeScriptTestingTutorialhttps://fadamakis.com/prop-naming-conventions-for-vue-components-a22a8337b62e/https://fadamakis.com/prop-naming-conventions-for-vue-components-a22a8337b62e/A guide to prop naming conventions in Vue components, exploring patterns for boolean, object, and event props to improve code readability.Thu, 15 Jun 2023 20:27:53 GMTVueTypeScriptDesign Systemhttps://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b/https://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b/Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon in the field of programmingThu, 15 Jun 2023 19:27:52 GMTArchitectureCode Qualityhttps://fadamakis.com/advanced-data-fetching-with-vue-query-3a06ede0af27/https://fadamakis.com/advanced-data-fetching-with-vue-query-3a06ede0af27/A deep dive into Vue Query for advanced data fetching patterns, covering caching, pagination, optimistic updates, and server state management.Sun, 11 Jun 2023 11:15:56 GMTVueVue 3https://fadamakis.com/vue-3-script-setup-macros-ab754266363f/https://fadamakis.com/vue-3-script-setup-macros-ab754266363f/A guide to Vue 3 Script Setup macros like defineProps, defineEmits, and defineExpose, explaining how they reduce boilerplate in Composition API components.Tue, 23 May 2023 09:01:59 GMTVueVue 3https://fadamakis.com/be-cool-start-using-javascript-maps-and-sets-df613e8c6ed5/https://fadamakis.com/be-cool-start-using-javascript-maps-and-sets-df613e8c6ed5/Why JavaScript developers should start using Maps and Sets instead of plain objects and arrays, with practical examples and performance benefits.Mon, 08 May 2023 21:42:52 GMTJavaScriptTypeScripthttps://fadamakis.com/the-cure-to-ai-fatigue-striking-a-balance-between-humans-and-artificial-intelligence-56d10d878c72/https://fadamakis.com/the-cure-to-ai-fatigue-striking-a-balance-between-humans-and-artificial-intelligence-56d10d878c72/How to combat AI fatigue by striking a healthy balance between leveraging AI tools and maintaining human creativity, critical thinking, and well-being.Thu, 04 May 2023 21:23:59 GMTDevelopmentJavaScripthttps://fadamakis.com/automatic-deployment-of-a-vue-application-on-github-pages-for-free-4f009f9e4349/https://fadamakis.com/automatic-deployment-of-a-vue-application-on-github-pages-for-free-4f009f9e4349/A step-by-step guide to automatically deploying a Vue application on GitHub Pages for free using GitHub Actions for continuous deployment.Wed, 19 Apr 2023 14:05:19 GMTVueGithttps://fadamakis.com/building-reusable-and-maintainable-components-in-vue-with-the-data-provider-pattern-2797876c007d/https://fadamakis.com/building-reusable-and-maintainable-components-in-vue-with-the-data-provider-pattern-2797876c007d/How to use the Provider Pattern in Vue to build reusable and maintainable components by separating data fetching from presentation logic.Thu, 13 Apr 2023 14:15:21 GMTVueTypeScriptDesign Systemhttps://fadamakis.com/vue-3-function-expression-vs-function-declaration-inside-script-setup-7efc4ca05af0/https://fadamakis.com/vue-3-function-expression-vs-function-declaration-inside-script-setup-7efc4ca05af0/Exploring the differences between function expressions and function declarations inside Vue 3 Script Setup and which one you should prefer.Wed, 05 Apr 2023 20:11:08 GMTVueExpresshttps://fadamakis.com/setting-up-codegpt-getting-started-with-the-ai-powered-code-assistant-9e125ac339cb/https://fadamakis.com/setting-up-codegpt-getting-started-with-the-ai-powered-code-assistant-9e125ac339cb/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.Mon, 03 Apr 2023 21:04:15 GMTDevelopmentJavaScripthttps://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19/https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19/A comparison of watch and watchEffect in Vue 3, explaining their differences, use cases, and why watch remains the better choice for most scenarios.Wed, 22 Mar 2023 09:46:21 GMTVueVue 3https://fadamakis.com/the-journey-of-migrating-a-tiny-application-to-vue-3-4db56f4143d5/https://fadamakis.com/the-journey-of-migrating-a-tiny-application-to-vue-3-4db56f4143d5/A personal account of migrating a small Vue 2 application to Vue 3, sharing practical lessons learned and common challenges encountered during the process.Tue, 14 Mar 2023 17:32:11 GMTVueVue 3https://fadamakis.com/why-mixins-are-considered-harmful-8d51a2709d2c/https://fadamakis.com/why-mixins-are-considered-harmful-8d51a2709d2c/Why mixins in Vue 2 are considered harmful due to implicit dependencies and naming conflicts, and how Vue 3 composables provide a better alternative.Tue, 31 Jan 2023 08:16:48 GMTDevelopmentJavaScripthttps://fadamakis.com/official-vue-certification-of-competence-16e03b262963/https://fadamakis.com/official-vue-certification-of-competence-16e03b262963/An announcement and overview of the official Vue Certification of Competence, a collaboration between Vue and Vueschool for validating Vue skills.Thu, 26 Jan 2023 17:42:10 GMTVueVue 3https://fadamakis.com/your-book-recommendations-for-software-engineers-8ba7240225bb/https://fadamakis.com/your-book-recommendations-for-software-engineers-8ba7240225bb/A curated list of book recommendations from the developer community for software engineers, covering habits, architecture, design, and professional growth.Sat, 21 Jan 2023 13:48:19 GMTDevelopmentCareerhttps://fadamakis.com/10-mistakes-to-avoid-when-starting-with-vue-3-1d1ced8552ae/https://fadamakis.com/10-mistakes-to-avoid-when-starting-with-vue-3-1d1ced8552ae/A practical list of 10 common mistakes developers make when starting with Vue 3 and how to avoid them for a smoother development experience.Mon, 16 Jan 2023 09:48:21 GMTVueVue 3https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8/https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8/A practical guide to implementing real-life transitions and micro-interactions in Vue 3 using CSS transitions, animations, and JavaScript hooks.Wed, 11 Jan 2023 20:27:19 GMTVueVue 3https://fadamakis.com/vue-suspense-a-cleaner-way-to-manage-loading-states-54df885a52c3/https://fadamakis.com/vue-suspense-a-cleaner-way-to-manage-loading-states-54df885a52c3/One exciting feature of Vue 3 is Suspense. It is a built-in component that makes loading state orchestration much simpler.Sun, 08 Jan 2023 20:44:13 GMTVueVue 3https://fadamakis.com/simplify-your-functions-that-return-booleans-e6e9a3059131/https://fadamakis.com/simplify-your-functions-that-return-booleans-e6e9a3059131/A code review tip on simplifying functions that return booleans by removing unnecessary conditional wrappers and returning expressions directly.Wed, 04 Jan 2023 18:38:32 GMTDevelopmentJavaScripthttps://fadamakis.com/interviewing-chatgpt-for-a-front-end-developer-position-f1f5c08a275a/https://fadamakis.com/interviewing-chatgpt-for-a-front-end-developer-position-f1f5c08a275a/A fun experiment interviewing ChatGPT for a front-end developer position, testing its knowledge of HTML, CSS, JavaScript, and frameworks.Wed, 04 Jan 2023 00:11:38 GMTDevelopmentJavaScripthttps://fadamakis.com/the-5-ways-to-define-a-component-in-vue-3-aeb01ac6f39f/https://fadamakis.com/the-5-ways-to-define-a-component-in-vue-3-aeb01ac6f39f/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.Mon, 02 Jan 2023 22:59:24 GMTVueVue 3https://fadamakis.com/music-recommendations-for-deep-work-while-programming-b5216cc3c542/https://fadamakis.com/music-recommendations-for-deep-work-while-programming-b5216cc3c542/Music recommendations for deep focus while programming, including playlists and genres that help developers stay productive and in the zone.Sun, 01 Jan 2023 15:20:32 GMTDevelopmentJavaScripthttps://fadamakis.com/vue-3-reactive-data-declaration-d17edc0a92e3/https://fadamakis.com/vue-3-reactive-data-declaration-d17edc0a92e3/An overview of reactive data declaration in Vue 3, comparing ref and reactive with practical examples and explaining the quirks of each approach.Tue, 20 Dec 2022 23:29:58 GMTVueReacthttps://fadamakis.com/vue-3-script-setup-cheat-sheet-36572c042128/https://fadamakis.com/vue-3-script-setup-cheat-sheet-36572c042128/Quick reference guide for Vue 3 composition API script setupSun, 18 Dec 2022 21:54:35 GMTVueTutorialhttps://fadamakis.com/debounced-search-component-in-vue-js-a103daac34f2/https://fadamakis.com/debounced-search-component-in-vue-js-a103daac34f2/Building a debounced search component in Vue.js from scratch, demonstrated with both Options API and Composition API approaches.Sat, 10 Dec 2022 12:36:37 GMTVueJavaScripthttps://fadamakis.com/from-vue-2-options-api-to-vue-3-composition-api-fe6d6a738c2f/https://fadamakis.com/from-vue-2-options-api-to-vue-3-composition-api-fe6d6a738c2f/A hands-on guide to refactoring a Vue 2 Options API component to Vue 3 Composition API, covering script setup, composables, and best practices.Tue, 16 Aug 2022 19:46:00 GMTVueCode QualityREST APIhttps://fadamakis.com/book-recommendations-for-software-engineers-8b2cba7c6593/https://fadamakis.com/book-recommendations-for-software-engineers-8b2cba7c6593/Seven book recommendations for software engineers covering algorithms, habits, psychology, and practical engineering skills to boost your career.Thu, 11 Aug 2022 19:08:00 GMTDevelopmentCareerhttps://fadamakis.com/8-common-mistakes-junior-software-engineers-make-4de11682d6a5/https://fadamakis.com/8-common-mistakes-junior-software-engineers-make-4de11682d6a5/Eight common mistakes junior software engineers make in their career, from over-engineering to avoiding communication, and how to grow past them.Wed, 10 Aug 2022 20:50:49 GMTDevelopmentCareerhttps://fadamakis.com/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6/https://fadamakis.com/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6/A comprehensive guide to prop validation in Vue, covering primitive and complex types, custom validators, and best practices for robust component contracts.Tue, 09 Aug 2022 16:41:51 GMTVueVue 3https://fadamakis.com/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-7047c5bb00ce/https://fadamakis.com/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-7047c5bb00ce/An introduction to VueUse, a collection of 200+ essential Vue 3 utility composables for browser APIs, state, animation, and more.Mon, 08 Aug 2022 23:23:01 GMTVueVue 3https://fadamakis.com/the-future-of-state-management-in-vue-js-fa3f94865d1f/https://fadamakis.com/the-future-of-state-management-in-vue-js-fa3f94865d1f/An analysis of the future of state management in Vue.js, comparing Vuex, Pinia, and composables as the ecosystem evolves with Vue 3.Mon, 01 Aug 2022 10:24:28 GMTVueJavaScripthttps://fadamakis.com/jquery-is-a-library-not-a-framework-and-its-still-relevant-after-so-many-years-c70f4d1ea660/https://fadamakis.com/jquery-is-a-library-not-a-framework-and-its-still-relevant-after-so-many-years-c70f4d1ea660/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.Tue, 24 May 2022 18:36:02 GMTTypeScriptJavaScripthttps://fadamakis.com/vue-3-was-a-mistake-that-we-should-not-repeat-81cc65484954/https://fadamakis.com/vue-3-was-a-mistake-that-we-should-not-repeat-81cc65484954/More than 4 years have passed since the initial introduction of Vue 3. Many discussions over several RFCs and a lot of influence from other…Sun, 15 May 2022 18:32:27 GMTVueVue 3https://fadamakis.com/10-habits-you-can-do-outside-work-to-become-a-better-software-engineer-5606553eba1b/https://fadamakis.com/10-habits-you-can-do-outside-work-to-become-a-better-software-engineer-5606553eba1b/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. We are what we repeatedly do. And in a fast pace environment like software engineering building habits outside of work can make the…Wed, 11 May 2022 17:00:55 GMTTypeScriptJavaScripthttps://fadamakis.com/glovo-culture-of-tech-innovation-e214f2850199/https://fadamakis.com/glovo-culture-of-tech-innovation-e214f2850199/How Glovo fosters a culture of tech innovation through knowledge sharing, cross-team collaboration, and events that break down silos across engineering teams.Mon, 20 Dec 2021 11:59:30 GMTDevelopmentJavaScripthttps://fadamakis.com/universal-data-fetching-in-nuxt-js-13ad9933524c/https://fadamakis.com/universal-data-fetching-in-nuxt-js-13ad9933524c/A comparison of data fetching approaches in Nuxt.js, explaining the differences between AsyncData, Fetch, Middlewares, and Vue Hooks for server-side rendering.Sun, 29 Aug 2021 18:50:24 GMTNuxtJavaScripthttps://fadamakis.com/nuxt-patterns-you-will-love-as-a-vue-js-developer-part-2-34a6500c9fac/https://fadamakis.com/nuxt-patterns-you-will-love-as-a-vue-js-developer-part-2-34a6500c9fac/Part 2 of Nuxt patterns for Vue.js developers, covering advanced features like middleware, plugins, layouts, and modules for scalable applications.Mon, 19 Jul 2021 22:15:11 GMTVueNuxtJavaScriptArchitecturehttps://fadamakis.com/nuxt-features-you-will-love-as-a-vue-js-developer-1be9ebfc082/https://fadamakis.com/nuxt-features-you-will-love-as-a-vue-js-developer-1be9ebfc082/A curated list of Nuxt features that Vue.js developers will love, including auto-imports, file-based routing, and server-side rendering.Mon, 19 Jul 2021 21:59:06 GMTVueNuxtJavaScripthttps://fadamakis.com/7-vue-patterns-that-you-should-be-using-more-often-b13cde4d2ae6/https://fadamakis.com/7-vue-patterns-that-you-should-be-using-more-often-b13cde4d2ae6/Let’s take a look at some interesting but not so popular Vue features.Sat, 30 Jan 2021 15:26:02 GMTVueArchitecturehttps://fadamakis.com/hacktoberfest-2020-contribute-to-open-source-get-an-awesome-t-shirt-3c1886e56169/https://fadamakis.com/hacktoberfest-2020-contribute-to-open-source-get-an-awesome-t-shirt-3c1886e56169/A guide to participating in Hacktoberfest 2020, encouraging developers of all experience levels to contribute to open source and earn a T-shirt.Fri, 25 Sep 2020 13:31:49 GMTDevelopmentJavaScripthttps://fadamakis.com/vue-3-new-features-breaking-changes-a-migration-path-e075a9b3d3d5/https://fadamakis.com/vue-3-new-features-breaking-changes-a-migration-path-e075a9b3d3d5/A comprehensive overview of Vue 3's new features, breaking changes, and a practical migration path from Vue 2, covering mounting, composition API, and more.Fri, 18 Sep 2020 19:46:24 GMTVueVue 3https://fadamakis.com/increase-codebase-quality-and-customer-satisfaction-with-the-extreme-programming-methodology-2f85d84cbbe0/https://fadamakis.com/increase-codebase-quality-and-customer-satisfaction-with-the-extreme-programming-methodology-2f85d84cbbe0/How Extreme Programming (XP) methodology improves codebase quality and customer satisfaction through practices like pair programming, TDD, and continuous feedback.Thu, 23 Apr 2020 06:44:44 GMTDevelopmentJavaScripthttps://fadamakis.com/vue-virtual-dom-13af62d2be41/https://fadamakis.com/vue-virtual-dom-13af62d2be41/An explanation of how Vue.js uses the Virtual DOM to efficiently update the real DOM, covering the rendering pipeline and performance optimization techniques.Sun, 05 Apr 2020 17:44:08 GMTVueVue 3https://fadamakis.com/component-communication-and-state-management-in-vue-js-cc59389d4c01/https://fadamakis.com/component-communication-and-state-management-in-vue-js-cc59389d4c01/An overview of three established patterns for component communication and state management in Vue.js: props and events, event bus, and Vuex.Sat, 28 Mar 2020 12:29:03 GMTVueJavaScripthttps://fadamakis.com/5-1-books-that-can-make-you-stay-at-home-408ac6fa99a4/https://fadamakis.com/5-1-books-that-can-make-you-stay-at-home-408ac6fa99a4/Six book recommendations to keep you productive and inspired while staying at home, covering mindset, habits, psychology, and personal growth. With many countries under the threat of COVID-19, social distancing and staying at home seems like the best option right now. And probably…Sun, 15 Mar 2020 16:12:24 GMTDevelopmentCareerhttps://fadamakis.com/how-is-vue-js-making-the-javascript-world-a-better-place-b3dc39ba4fe7/https://fadamakis.com/how-is-vue-js-making-the-javascript-world-a-better-place-b3dc39ba4fe7/A personal journey of discovering Vue.js and why its gentle learning curve, flexibility, and ecosystem make it a great choice for JavaScript developers.Wed, 13 Mar 2019 18:05:25 GMTVueJavaScripthttps://fadamakis.com/git-flow-4f4b7148d19d/https://fadamakis.com/git-flow-4f4b7148d19d/An introduction to the GitFlow branching model, explaining how master, develop, feature, release, and hotfix branches work together.Sat, 02 Mar 2019 12:36:22 GMTGitTutorialhttps://fadamakis.com/common-problems-with-vue-js-a5b6da6a1eba/https://fadamakis.com/common-problems-with-vue-js-a5b6da6a1eba/Five common pitfalls that every Vue.js developer encounters when starting out, including issues with this binding, reactivity, and component scoping.Sat, 02 Mar 2019 12:34:28 GMTVueJavaScript