Embracing Polymorphism for Flexible Components - https://brightinventions.pl/blog/embracing-polymorphism-for-flexible-components/
#react
#react
Bright Inventions
Embracing Polymorphism for Flexible Components
Do you want to take your React skills to the next level and create more versatile components? Polymorphism is here to save you! It will help…
👍4❤1
Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Medium
Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch, in this case, was impossible…
👍4❤1
Form Validation In Svelte
Forms continue to be a crucial component of web user interaction. When dealing with forms, we have to monitor user input, verify and report errors, and manage form submissions. Validating form input is essential to development, ensuring we receive only the required information from the form. - https://blog.openreplay.com/form-validation-in-svelte/
#svelte
Forms continue to be a crucial component of web user interaction. When dealing with forms, we have to monitor user input, verify and report errors, and manage form submissions. Validating form input is essential to development, ensuring we receive only the required information from the form. - https://blog.openreplay.com/form-validation-in-svelte/
#svelte
Openreplay
Form Validation in Svelte
How to do form validation in Svelte.
👍3❤1
Getting Started with Fastify for Node.js - https://blog.appsignal.com/2023/04/26/getting-started-with-fastify-for-nodejs.html
#nodejs
#nodejs
Appsignal
Getting Started with Fastify for Node.js | AppSignal Blog
New to Fastify? See why it's faster than Express, how to install it, and how to create your first routes, plugins, and JSON schema validation.
👍3
A case study on scroll-driven animations performance
Yuriko Hirota explains how the new CSS API is much smoother than the classic way of implementing scroll-driven animations. - https://developer.chrome.com/blog/scroll-animation-performance-case-study
#css
Yuriko Hirota explains how the new CSS API is much smoother than the classic way of implementing scroll-driven animations. - https://developer.chrome.com/blog/scroll-animation-performance-case-study
#css
Chrome for Developers
A case study on scroll-driven animations performance | Blog | Chrome for Developers
The new API is much smoother than the classic way of implementing scroll-driven animations.
👍5❤1
Migrating from Vue 2 To Vue 3 – Deprecated and Updated Features
Migrating from Vue.js 2 to Vue.js 3 is not always straightforward, and developers need to be aware of certain changes and potential issues that may arise during the process. This article will discuss some of the key features from Vue 2 that have either been deprecated or updated in the release of Vue 3. - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-deprecated-and-updated-features/
#vue
Migrating from Vue.js 2 to Vue.js 3 is not always straightforward, and developers need to be aware of certain changes and potential issues that may arise during the process. This article will discuss some of the key features from Vue 2 that have either been deprecated or updated in the release of Vue 3. - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-deprecated-and-updated-features/
#vue
vueschool.io
Migrating from Vue 2 To Vue 3 - Deprecated and Updated Features - Vue School Articles
Migrating from Vue.js 2 to Vue.js 3 is not always straightforward, and developers need to be aware of certain changes and potential issues that may arise during the process. In this article, we will discuss some of the key features from Vue 2 that have either…
👍8
Signals In Angular — Is RxJS Doomed?
Using Signals in Angular can simplify the coding experience. Reactivity with Signals could lead to better… - https://levelup.gitconnected.com/signals-in-angular-is-rxjs-doomed-5b5dac574306
#angular
Using Signals in Angular can simplify the coding experience. Reactivity with Signals could lead to better… - https://levelup.gitconnected.com/signals-in-angular-is-rxjs-doomed-5b5dac574306
#angular
Medium
Signals In Angular — Is RxJS Doomed?
Using Signals in Angular can simplify the coding experience. Reactivity with Signals could lead to better change detection.
👍3❤2🤩1
Dan Abramov Rebuilds React Server Components from Scratch
Having faced a raft of questions about Server Components, Dan has begun to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5
#react
Having faced a raft of questions about Server Components, Dan has begun to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5
#react
GitHub
RSC From Scratch. Part 1: Server Components · reactwg server-components · Discussion #5
RSC From Scratch. Part 1: Server Components In this technical deep dive, we'll implement a very simplified version of React Server Components (RSC) from scratch. This deep dive will be publishe...
❤7👍2
A Practical Guide to Not Blocking the Event Loop
Typically, JavaScript engines run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/
#nodejs
Typically, JavaScript engines run JavaScript in a single thread with an event loop. However, the nature of mixing synchronous and asynchronous tasks, along with the increasing popularity of workers for running code on separate threads, makes the landscape harder to navigate than it used to be. - https://www.bbss.dev/posts/eventloop/
#nodejs
Building Better Software Slower
Practical Guide To Not Blocking The Event Loop
JavaScript runs in a single-threaded environment with an event loop, an architecture that is very easy to reason about. It's a continuous loop executing incoming work. Synchronous work runs immediately; asynchronous work runs when there is no synchronous…
👍6😁1🤯1
Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images
Temani Afif demonstrates how to add perspective, depth, rotation, and even a slick shine to images. - https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images
#css
Temani Afif demonstrates how to add perspective, depth, rotation, and even a slick shine to images. - https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images
#css
Smashing Magazine
Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images — Smashing Magazine
CSS has all kinds of tricks that are capable of turning images into neat, interactive elements. This article is a collection of fancy 3D effects for images that demonstrate those CSS powers.
👍4
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. - https://masteringnuxt.com/blog/data-fetching-basics
#vue
Masteringnuxt
Data Fetching Basics
Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching.
👍4
Introduction to Software Architecture with Actors: Part 4 — On Systems with…
Advanced architectures: Hexagonal Architecture, Gateway, Application Service; Middleware, Shared Repository… - https://itnext.io/introduction-to-software-architecture-with-actors-part-4-on-systems-with-models-4302a68558bf
#architecture
Advanced architectures: Hexagonal Architecture, Gateway, Application Service; Middleware, Shared Repository… - https://itnext.io/introduction-to-software-architecture-with-actors-part-4-on-systems-with-models-4302a68558bf
#architecture
Medium
Introduction to Software Architecture with Actors: Part 4 — On Systems with Models
Advanced architectures: Hexagonal Architecture, Gateway, Application Service; Middleware, Shared Repository, Plug-ins; Microkernel, DSL…
👍4🔥1
Angular with Vite is crazy fast
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Hello, I love Angular and I have worked from AngularJS to Angular 15 now. I always wonder how fast I can work… - https://medium.com/@hiepxanh/angular-vite-example-is-crazy-fast-3ee4d730020c
#angular
Medium
Angular with Vite is crazy fast (Angular 16 Example)
updated: 2023/09/17
👍5
Server-Sent Events with Node
Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs
#nodejs
Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs
#nodejs
👍3
React Tweet: Vercel's New Way to Embed Tweets in a React App
Are they even called “tweets” anymore? Nonetheless, Vercel has come up with an elegant way to embed posts from the site formerly known as Twitter that is faster and smaller than the official embed and supports RSCs and ‘any React framework.’ Now we just have to pray that Elon doesn’t turn off the taps. - https://vercel.com/blog/introducing-react-tweet
#react
Are they even called “tweets” anymore? Nonetheless, Vercel has come up with an elegant way to embed posts from the site formerly known as Twitter that is faster and smaller than the official embed and supports RSCs and ‘any React framework.’ Now we just have to pray that Elon doesn’t turn off the taps. - https://vercel.com/blog/introducing-react-tweet
#react
Vercel
Introducing React Tweet
Embed tweets into your React application without sacrificing performance.
👍6
Refactor Your Vue Application By Using Setup Scripts
script setup is a compile-time syntactic sugar for using Composition API inside Single-File Components (SFCs). It is the recommended syntax for using both SFCs and Composition API. This article provides a guide to enhance your Vue3 Application using script setup. - https://itnext.io/refactor-your-vue-application-by-using-setup-scripts-f4d68853d75e
#vue
script setup is a compile-time syntactic sugar for using Composition API inside Single-File Components (SFCs). It is the recommended syntax for using both SFCs and Composition API. This article provides a guide to enhance your Vue3 Application using script setup. - https://itnext.io/refactor-your-vue-application-by-using-setup-scripts-f4d68853d75e
#vue
Medium
Refactor Your Vue Application By Using Setup Scripts
A Guide To Enhance Your Vue3 Application Using Script Setup.
👍2
Randomness in CSS using trigonometry
Kacper Kula explores how to achieve randomness in CSS using trigonometry. - https://hypersphere.blog/blog/randomness-in-css-using-trigonometry
#css
Kacper Kula explores how to achieve randomness in CSS using trigonometry. - https://hypersphere.blog/blog/randomness-in-css-using-trigonometry
#css
hypersphere
Randomness in CSS using trigonometry
Explore brand new technique to generate random numbers with plain CSS using new trigonometry functions!
👍6
You’re Not a Senior Software Engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long… - https://medium.com/vanguards-of-code/youre-not-a-senior-software-engineer-9056ef9ffb96
#senior #engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long… - https://medium.com/vanguards-of-code/youre-not-a-senior-software-engineer-9056ef9ffb96
#senior #engineer
Medium
You’re Not a Senior Software Engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long for that glorious Senior…
👍8👎1
How to Set Up OpenTelemetry for Full-Stack JS Dev
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
New Relic
Set up OpenTelemetry for full-stack JavaScript development
Instrument React and Node applications in your PERN stack with OpenTelemetry.
👍4
Upgrading an Ancient React App
Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem. - https://labzero.com/blog/upgrading-an-ancient-react-application
#react
Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem. - https://labzero.com/blog/upgrading-an-ancient-react-application
#react
Lab Zero
Upgrading an Ancient React Application
Read what it took to bring an early React app into the modern ecosystem.
👍6