The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Andrico Karoulla demonstrates how you can debug and fix potential performance problems caused by CSS. - https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css
#css
Andrico Karoulla demonstrates how you can debug and fix potential performance problems caused by CSS. - https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css
#css
Component-Odyssey
The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Learn WCs felt so sluggish on Firefox that I disabled the background animation for all users. Turns out, fixing it took changing two lines of CSS.
Dynamic Components in Vue
Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE
#vue
Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE
#vue
YouTube
Dynamic Components in Vue
🃏 The more complex scenarios applications have to cover, the more the need for dynamic components increases. Using different tabs, icons, modals with different content or blocks defined in a CMS - all these cases are typical for dynamic components. But how…
A Look at JavaScript's New Set Methods
Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#javascript
Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#javascript
MDN Web Docs
New JavaScript Set methods | MDN Blog
New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.
How to Fetch Data in React
An updated look at the multitude of ways to fetch data from a remote API in React. Note that Redux-based approaches aren’t covered, this is all about general, broad approaches. - https://www.robinwieruch.de/react-fetching-data/
#react
An updated look at the multitude of ways to fetch data from a remote API in React. Note that Redux-based approaches aren’t covered, this is all about general, broad approaches. - https://www.robinwieruch.de/react-fetching-data/
#react
www.robinwieruch.de
How to fetch data in React [2024]
There are different ways to fetch data in React from a remote API. In this guide we want to explore all the options available for data fetching in React ...
Microservices With NestJS, Kafka, and TypeScript
A microservices architecture is a popular software design pattern that enables developers to build and… - https://medium.com/@SplitSoftware/microservices-with-nestjs-kafka-and-typescript-b05786591053
#nodejs
A microservices architecture is a popular software design pattern that enables developers to build and… - https://medium.com/@SplitSoftware/microservices-with-nestjs-kafka-and-typescript-b05786591053
#nodejs
Medium
Microservices With NestJS, Kafka, and TypeScript
A microservices architecture is a popular software design pattern that enables developers to build and maintain large and complex…
Configurable Retry HTTP Calls Interceptor in Angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP… - https://blog.stackademic.com/configurable-retry-http-calls-interceptor-in-angular-b0300b3af023
#angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP… - https://blog.stackademic.com/configurable-retry-http-calls-interceptor-in-angular-b0300b3af023
#angular
Medium
Configurable Retry HTTP Calls Interceptor in Angular
A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP calls.
The Results of the State of JavaScript 2023 Survey
It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides. - https://2023.stateofjs.com/en-US
#survey
It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides. - https://2023.stateofjs.com/en-US
#survey
Stateofjs
State of JavaScript 2023
The 2023 edition of the annual survey about the latest trends in the JavaScript ecosystem.
CSS @property and the New Style
Ryan Mulligan explores the newly supported @property at-rule for explicitly defining and animating custom properties in CSS. - https://ryanmulligan.dev/blog/css-property-new-style
#css
Ryan Mulligan explores the newly supported @property at-rule for explicitly defining and animating custom properties in CSS. - https://ryanmulligan.dev/blog/css-property-new-style
#css
ryanmulligan.dev
CSS @property and the New Style
An exploration of the newly supported at-rule for explicitly defining and animating custom properties in CSS.
WebSockets, gRPC, MQTT, and SSE — Which Real-Time Notification Method Is For…
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your… - https://betterprogramming.pub/websockets-grpc-mqtt-and-sse-which-real-time-notification-method-is-for-you-2d18bfc99dfc
#notifications
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your… - https://betterprogramming.pub/websockets-grpc-mqtt-and-sse-which-real-time-notification-method-is-for-you-2d18bfc99dfc
#notifications
Medium
WebSockets, gRPC, MQTT, and SSE — Which Real-Time Notification Method Is For You?
Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your use case
The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and…
Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d
#principles
Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d
#principles
Medium
The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and Beyond.
Core software development principles that every developer must know.
Component Composition is Great, BTW
A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states - https://tkdodo.eu/blog/component-composition-is-great-btw
#react
A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states - https://tkdodo.eu/blog/component-composition-is-great-btw
#react
tkdodo.eu
Component Composition is great btw
Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.
Building a Robust API: Structuring Controllers, Entities, DTOs, and Modules
This is third article of series Building a Robust Backend: A Comprehensive Guide Using NestJS, TypeORM, and… - https://medium.com/@abdullahirfan99_80517/building-a-robust-api-structuring-controllers-entities-dtos-and-modules-93cfaaef7f07
#nodejs
This is third article of series Building a Robust Backend: A Comprehensive Guide Using NestJS, TypeORM, and… - https://medium.com/@abdullahirfan99_80517/building-a-robust-api-structuring-controllers-entities-dtos-and-modules-93cfaaef7f07
#nodejs
Medium
Building a Robust API: Structuring Controllers, Entities, DTOs, and Modules
This is third article of series Building a Robust Backend: A Comprehensive Guide Using NestJS, TypeORM, and Microservices. Our purpose is…
Anchor Positioning Quirks
Juan Diego Rodríguez discusses some anchor positioning head-scratchers. - https://css-tricks.com/anchor-positioning-quirks
#css
Juan Diego Rodríguez discusses some anchor positioning head-scratchers. - https://css-tricks.com/anchor-positioning-quirks
#css
CSS-Tricks
Anchor Positioning Quirks | CSS-Tricks
I am thrilled to say, that from this week onwards, the CSS-tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Medium
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx.
How to Integrate Shadcn with Nuxt.js
In this detailed guide, we’ll walk through how to integrate Shadcn Vue with Nuxt.js. You will also be provided with useful insights and practical tips. - https://masteringnuxt.com/blog/how-to-integrate-shadcn-with-nuxtjs
#vue
In this detailed guide, we’ll walk through how to integrate Shadcn Vue with Nuxt.js. You will also be provided with useful insights and practical tips. - https://masteringnuxt.com/blog/how-to-integrate-shadcn-with-nuxtjs
#vue
Masteringnuxt
How to Integrate Shadcn with Nuxt.js
In this detailed guide, we’ll walk through how to integrate Shadcn Vue with Nuxt.js. We’ll also provide useful insights and practical tips.
Testing a React App in Chrome with Heroku CI
An introduction to doing end-to-end testing of a React app as part of a CI pipeline - https://blog.heroku.com/testing-react-app-chrome-heroku-ci
#react
An introduction to doing end-to-end testing of a React app as part of a CI pipeline - https://blog.heroku.com/testing-react-app-chrome-heroku-ci
#react
Heroku
Testing a React App in Chrome with Heroku CI
Automate end-to-end testing for React apps with Heroku CI. See how to use the Chrome for Testing Heroku Buildpack for seamless browser testing integration.
Building Standalone Executables with Node.js
While the developer experience isn’t quite as nice as with Deno or Bun yet, Node does have experimental support for building single executables of apps that you can distribute to systems which don’t have Node installed. - https://codesnip.sh/posts/building-standalone-nodejs-executables
#nodejs
While the developer experience isn’t quite as nice as with Deno or Bun yet, Node does have experimental support for building single executables of apps that you can distribute to systems which don’t have Node installed. - https://codesnip.sh/posts/building-standalone-nodejs-executables
#nodejs
CodeSnip | Tony Pujals
Building Standalone Executables With Node.js (Sep 2024) - CodeSnip | Tony Pujals
Building Standalone Executables With Node.js Node.js has experimental support for building a single executable application, or SEA, which is what the team calls a standalone executable that can be di…
TypeScript Interview Questions
Nowadays most modern ReactJS and NodeJS apps are created using TypeScript. Angular was already having it… - https://nabendu82.medium.com/typescript-interview-questions-80d4bb1e9733
#typescript
Nowadays most modern ReactJS and NodeJS apps are created using TypeScript. Angular was already having it… - https://nabendu82.medium.com/typescript-interview-questions-80d4bb1e9733
#typescript
Medium
TypeScript Interview Questions
Nowadays most modern ReactJS and NodeJS apps are created using TypeScript. Angular was already having it in-built. So, you go for a Reactt…
How to Create Supabase Database Migration Files in Vue.js
In this guide, explore how to create migration files for a remote Supabase database so that the database can be updated directly from your Vue.js project. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-supabase-database-migration-files-in-vue-js/
#vue
In this guide, explore how to create migration files for a remote Supabase database so that the database can be updated directly from your Vue.js project. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-supabase-database-migration-files-in-vue-js/
#vue
vueschool.io
How to Create Supabase Database Migration Files in Vue.js - Vue School Articles
In this guide, we’ll focus on creating migration files for a remote Supabase database, ensuring that our the database is updated directly from within our Vue.js project.
Sticky Headers And Full-Height Elements: A Tricky Combination
Philip Braunen explores why sticky elements don’t play nicely if they coordinate with other elements to make up a combined height (like 100vh) and presents a solution to fix it. - https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination
#css
Philip Braunen explores why sticky elements don’t play nicely if they coordinate with other elements to make up a combined height (like 100vh) and presents a solution to fix it. - https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination
#css
Smashing Magazine
Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine
Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up…