Using two script blocks in Vue Single File Components

In this article, the author provides a guide on how you can use two script blocks in one Vue component. - https://dev.to/jacobandrewsky/using-two-script-blocks-in-vue-single-file-components-29l4

#vue

Mastering ControlValueAccessor in Angular forms: Never Forget Again

I have been creating form custom components for a long time and each time I have to read about… - https://medium.com/frontend-for-everyone/mastering-controlvalueaccessor-in-angular-forms-never-forget-again-447bc0425011

#angular

JavaScript Meta-programming with Proxies and Reflection

Overview, applications, best practices, and limitations - https://medium.com/ekino-france/javascript-meta-programming-with-proxies-and-reflection-26263fc8b52f

#jaavscript

System Design Interview Questions: The Ultimate Crash Course

Mastering System Design Interview Questions: Essential Tips and Strategies for Success. - https://levelup.gitconnected.com/system-design-interview-questions-the-ultimate-crash-course-d1f17da93faa

#system #design

Prisma, Drizzle, TypeORM or Sequalize — When Your Focus Is Scale, Which One To…

Node.js ecosystem is experiencing an interesting development of toolings in the ORM fields. Few years ago, we… - https://medium.com/@tamartwena/node-js-data-access-layer-tools-which-orm-to-choose-40473bc09ad0

#nodejs

Sticky Headers And Full-Height Elements: A Tricky Combination

Philip Braunen explores why sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height and presents a solution to fix it. - https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination

#css

Tightly Coupled Components Vue Components with Provide/Inject

Using provide and inject in Vue.js allows you to create tightly coupled components that can share state and behavior.
This pattern is particularly useful for creating reusable UI components. - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject

#vue

Angular 18: Revolutionizing Web Development with Cutting-Edge Features

Angular 18, expected to be released in May 2024, introduces several new features and enhancements aimed at… - https://waqasahmeddev.medium.com/angular-18-revolutionizing-web-development-with-cutting-edge-features-1db3275a6199

#angular

React Compiler Beta Release

Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. - https://react.dev/blog/2024/10/21/react-compiler-beta-release

#react

Types Vs Interfaces in TypeScript

TypeScript is full of surprises and some behaviors are only native to TypeScript. - https://javascript.plainenglish.io/types-vs-interfaces-in-typescript-053a3d6c4dc1

#typescript

Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS

Brecht De Ruyte shares first impressions and demos with state queries in CSS and Scroll Snap events in JavaScript. - https://utilitybend.com/blog/is-the-sticky-thing-stuck-is-the-snappy-item-snapped-a-look-at-state-queries-in-css

#css

Building a WhatsApp Chat Clone with Nest.js

In this article we are going to implement a sending and receiving messages feature for following whatsapp UI… - https://medium.com/@ChanakaDev/building-a-whatsapp-chat-clone-with-nest-js-320c996ad2ce

#nodejs

How to Read and Write Cookies in Nuxt 3

Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable. - https://masteringnuxt.com/blog/how-to-read-and-write-cookies-in-nuxt-3

#vue

JS Explained: Symbol.dispose and Symbol.asyncDispose

Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript. - https://medium.aegis-techno.fr/js-explained-symbol-dispose-and-symbol-asyncdispose-cdd48c7d7f4b

#javascript

Creating Angular Components: Template-First Declarative Approach

This article explains how to build a reactive and reusable Angular component in a declarative way, using a… - https://medium.com/@eugeniyoz/creating-angular-components-template-first-declarative-approach-00c4a4791270

#angular

Bad questions for Senior Frontend Dev Interview

How the interview process has turned into a generic ChatGPT template - https://medium.com/@maks-dolgikh/bad-questions-for-senior-frontend-dev-interview-2c94dd937d75

#interview

Next.js 15 Released

Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. - https://nextjs.org/blog/next-15

#react

How to Build Your Own Vue-like Reactivity System from Scratch

In this tutorial, the author explains Vue's reactivity by building our own versions of ref() and watchEffect(). Gain a deeper understanding of reactive programming in frontend development. - https://dev.to/alexanderop/how-to-build-your-own-vue-like-reactivity-system-from-scratch-1d2d

#vue

Building the Perfect Logo Strip

Nils Binder shows a clever technique to create a visually balanced row of logos. - https://9elements.com/blog/building-the-perfect-logo-strip

#css

Stop using @ViewChild

Explore how to use attribute directives in Angular to handle direct DOM access efficiently, avoiding common… - https://medium.com/@rk22mar/stop-using-viewchild-36479592bef7

#angular