Function Overloading in Typescript

Typescript is a type system built on top of Javascript and its only purpose is to secure your application… - https://medium.com/ngconf/function-overloading-in-typescript-8236706b2c05

#typescript

Reactivity with the Vue 3 Composition API: ref() and reactive()

In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

#vue

Building a Two-Way Data Binding Hook for Form Inputs

Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react

#react

Matteo's Thoughts on Bun

As the creator of Fastify and a Node.js TSC member, it’s interesting to see what Matteo thinks of alternative runtime Bun. - https://adventures.nodeland.dev/archive/my-thoughts-on-bun/

#bun

Feature-Sliced Design —modern architectural methodology on Angular - https://medium.com/@fed4wet/feature-sliced-design-modern-architectural-methodology-on-angular-d0ef705ef598

#angular

Type safe CSS design systems with @property

Adam Argyle explains how to use @propety to create smarter and more stable design systems. - https://nerdy.dev/cant-break-this-design-system

#css

Micro Frontend Architecture: An In-Depth Look And Application Examples

Micro Frontend is an architectural approach that splits the application into separate projects. - https://medium.com/@furkanemmezoglu/micro-frontend-architecture-an-in-depth-look-and-application-examples-a64eaed3153

#microfrontend

Securing Node Apps by Analyzing Real-World Command Injection Examples

If there’s a vulnerability in an npm package, there’s a bad actor looking to take advantage of it. A particularly nasty vulnerability is when code can be manipulated to run unintended and arbitrary commands. - https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples

#nodejs

The Simplest Example to Understand Server Actions in Next.js - https://scastiel.dev/simplest-example-server-actions-nextjs

#react

Gradients, Blend Modes, And A Really Cool Hover Effect

Preethi shows how to create a hover effect where hovering one item triggers visual changes to other items using CSS gradients. - https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect

#css

Good practices and Design Patterns for Vue Composables

This article summarises good practices and design patterns about Vue composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk

#vue

Angular 16 is huge

At the time of writing this article, angular just published its first release candidate version of v16. There… - https://itnext.io/angular-16-is-huge-67288a3ff58b

#angular

The Underlying Mechanisms of React’s Concurrent Mode - https://andreigatej.dev/blog/the-underlying-mechanisms-of-reacts-concurrent-mode/

#react

Serverless Bun vs Node: Benchmarking on AWS Lambda

Following the recent release of Bun 1.0, Mitchell ran some tests to determine if the updated runtime is a legitimate contender for serverless environments like AWS Lambda. - https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2

#bun #vs #nodejs

CSS lobotomized owl selector: A modern guide

Sebastian Weber explores the lobotomized owl selector from a modern angle. - https://blog.logrocket.com/css-lobotomized-owl-selector-modern-guide

#css

6 Advanced TypeScript tricks for Clean Code

We’ll explore six Advanced TypeScript tricks for writing clean code, with examples and step by step how they… - https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3

#typescript

Create A Custom Range Slider With Vue

In this tutorial, you will learn how to create a custom range slider in Vue 3.
You’ll also see how you can create a custom slider with two handles, one for the min value and the other for the max value. - https://blog.openreplay.com/create-a-custom-range-slider-with-vue

#vue

Create a Hand-Drawing Component with React Native Skia - https://spin.atomicobject.com/2023/07/26/react-native-skia/

#reactnative

How Custom Property Values are Computed

Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed

#css

Understand Microfrontends: Microservices for the Frontend with Next JS Demo

Let's see how it all started and how it's going these days … - https://medium.com/tkssharma/understand-microfrontends-microservices-for-the-frontend-with-next-js-demo-32c84f19b503

#microfrontends