Big Suspense Changes in React 19: Explained in Code
Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. - https://www.youtube.com/watch?v=sgnw8dRZa3Q
#react
Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. - https://www.youtube.com/watch?v=sgnw8dRZa3Q
#react
YouTube
Big Suspense Changes in React 19: Explained In Code
What seems like a minor change to suspenses in React 19 is getting major pushback because of the impact it has on the way we load data into Single Page Applications.
Code: https://github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense:…
Code: https://github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense:…
Node.js is Here to Stay
Deno.. Bun.. has Node’s popularity started to wane? No, says Matteo Collina, who shows us the receipts confirming Node’s continued dominance of the server-side JavaScript space, including how Node continues to be downloaded some 130 million times per month. He also touches on some of the recent additions to the runtime. - https://blog.platformatic.dev/nodejs-is-here-to-stay
#nodejs
Deno.. Bun.. has Node’s popularity started to wane? No, says Matteo Collina, who shows us the receipts confirming Node’s continued dominance of the server-side JavaScript space, including how Node continues to be downloaded some 130 million times per month. He also touches on some of the recent additions to the runtime. - https://blog.platformatic.dev/nodejs-is-here-to-stay
#nodejs
Platformatic Blog
Node.js is Here to Stay
A deep dive into the metrics
Destructuring Vue.js props: The Reactivity Challenge
Destructuring objects is a prevalent practice in JavaScript, aimed at making your code cleaner by extracting specific properties. However, in Vue.js, this practice can unintentionally disrupt reactivity. This article will delve into this shortfall and suggest some solutions. - https://dev.to/richardevcom/destructuring-vuejs-props-the-reactivity-challenge-5h1i
#vue
Destructuring objects is a prevalent practice in JavaScript, aimed at making your code cleaner by extracting specific properties. However, in Vue.js, this practice can unintentionally disrupt reactivity. This article will delve into this shortfall and suggest some solutions. - https://dev.to/richardevcom/destructuring-vuejs-props-the-reactivity-challenge-5h1i
#vue
DEV Community
Destructuring Vue.js props: The Reactivity Challenge
Destructuring objects is a common practice in JavaScript, and it can make your code cleaner by...
Guidelines for creating performant Angular applications and their efficient… - https://medium.com/@patrik.horva90/guidelines-for-creating-performant-angular-applications-and-their-efficient-maintenance-6c7537bd56cf
#angular
#angular
Medium
Guidelines for creating performant Angular applications and their efficient maintenance
Everything you need in one article!
React 19's useOptimistic: Everything You Need to Know - https://www.youtube.com/watch?v=QWVr7uDyBXE
#react
#react
YouTube
React 19's useOptimistic: EVERYTHING you NEED to know
useOptimistic makes your pokey backend feel fast with optimistic updates to your UI. It's simple to use, but we'll covert the gotcha, as well as how to use it with React Query and also whether or not you should use it with a state manager.
Code: https:/…
Code: https:/…
A Look at JavaScript's New Set Methods
Available in Node 22+, Chrome/Edge 122+, Firefox 127+ and Safari 17+, finding the intersection, union, and difference between sets, amongst other set-related things, is a piece of cake. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#nodejs
Available in Node 22+, Chrome/Edge 122+, Firefox 127+ and Safari 17+, finding the intersection, union, and difference between sets, amongst other set-related things, is a piece of cake. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/
#nodejs
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.
A Modern Approach to Browser Support
Richard Rutter shares some thoughts on browser support and how to approach setting up a browser support policy. - https://clearleft.com/thinking/a-modern-approach-to-browser-support
#css
Richard Rutter shares some thoughts on browser support and how to approach setting up a browser support policy. - https://clearleft.com/thinking/a-modern-approach-to-browser-support
#css
Clearleft
A modern approach to browser support
Just recently, some front-end code we delivered to a client was making its way through acceptance testing. We were slightly surprised to discover that their standards required our code to be supported by the two latest versions of web browsers. And then we…
High-Level System Architecture of Booking.com
Hello everyone! In this article, we will take an in-depth look at the possible high-level architecture of… - https://medium.com/@sahintalha1/high-level-system-architecture-of-booking-com-06c199003d94
#architecture
Hello everyone! In this article, we will take an in-depth look at the possible high-level architecture of… - https://medium.com/@sahintalha1/high-level-system-architecture-of-booking-com-06c199003d94
#architecture
Medium
High-Level System Architecture of Booking.com
Take an in-depth look at the possible high-level architecture of Booking.com.
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And… - https://blog.bitsrc.io/rethinking-reactivity-in-angular-3bbe69a5a173
#angular
Medium
Rethinking Reactivity in Angular
Explore Angular’s new reactive primitive, Signals, solving glitches and eliminating manual subscriptions. And learn what’s in store for…
Extra Arguments for Server Actions in React Forms - https://www.robinwieruch.de/react-form-server-action-extra-arguments/
#react
#react
www.robinwieruch.de
Extra Arguments for Server Actions in React Forms
Learn how to pass extra arguments to server actions in React forms (or Next.js forms) using hidden form fields or binding the arguments to the server action ...
Global State Management with Pinia In Nuxt 3
Pinia is the officially recommended state management solution for Vue.js. Nuxt 3 is the awesome meta framework built on top of Vue that includes out of the box support for SSR and a huge number of time-saving conventions. In this article, let’s take a look at how and why to use them together. - https://vueschool.io/articles/vuejs-tutorials/global-state-management-with-pinia-in-nuxt-3/
#vue
Pinia is the officially recommended state management solution for Vue.js. Nuxt 3 is the awesome meta framework built on top of Vue that includes out of the box support for SSR and a huge number of time-saving conventions. In this article, let’s take a look at how and why to use them together. - https://vueschool.io/articles/vuejs-tutorials/global-state-management-with-pinia-in-nuxt-3/
#vue
vueschool.io
Global State Management with Pinia In Nuxt 3 - Vue School Articles
Should you use Pinia for global state management with Nuxt 3? We think so! In this article, find out how and why.
Fine-tuning Text Inputs
Garrett Dimon gives an overview of HTML attributes you can use on your input fields to improve the user experience. - https://garrettdimon.com/journal/posts/fine-tuning-text-inputs
#css
Garrett Dimon gives an overview of HTML attributes you can use on your input fields to improve the user experience. - https://garrettdimon.com/journal/posts/fine-tuning-text-inputs
#css
GarrettDimon.com
Fine-tuning Text Inputs
A quick overview of the attributes we can add to form fields to provide hints to the browser and improve the user experience for our visitors.
Use Node Version Manager (NVM) with Oh My Zsh
NVM is a popular tool for switching between Node.js versions on your machine, but it’s possible to use it directly from a Oh my Zsh setup, too. - https://catalins.tech/node-version-manager-oh-my-zsh/
#nodejs
NVM is a popular tool for switching between Node.js versions on your machine, but it’s possible to use it directly from a Oh my Zsh setup, too. - https://catalins.tech/node-version-manager-oh-my-zsh/
#nodejs
Catalin's Tech
Use Node Version Manager with Oh My Zsh
Learn to use multiple Node versions with NVM on macOS using oh-my-zsh. Easy installation and configuration for seamless Node version switching.
Types vs. interfaces in TypeScript
When it comes to TypeScript, there are two ways to define types: “types” and “interfaces.” - https://medium.com/@Evelyn.Taylor/types-vs-interfaces-in-typescript-1b306644ebb6
#typescript
When it comes to TypeScript, there are two ways to define types: “types” and “interfaces.” - https://medium.com/@Evelyn.Taylor/types-vs-interfaces-in-typescript-1b306644ebb6
#typescript
Medium
Types vs. interfaces in TypeScript
When it comes to TypeScript, there are two ways to define types: “types” and “interfaces.”
Enhancing The New York Times' Web Performance with React 18
Late last year, the team at The New York Times set out to take full advantage of React 18 on its flagship news site. This is an interesting case study looking at the challenges faced in upgrading and the significant benefits they managed to take advantage of. - https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8
#react
Late last year, the team at The New York Times set out to take full advantage of React 18 on its flagship news site. This is an interesting case study looking at the challenges faced in upgrading and the significant benefits they managed to take advantage of. - https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8
#react
NY Times
Enhancing The New York Times Web Performance with React 18
How upgrading to React 18 energized The New York Times website — and how we tackled some of the challenges we faced along the way.
The Many Ways Not to Build an API
In this post, the author explores some of the alternative ways of having APIs without explicitly building them. - https://dev.to/zenstack/the-many-ways-not-to-build-an-api-41o6
#vue
In this post, the author explores some of the alternative ways of having APIs without explicitly building them. - https://dev.to/zenstack/the-many-ways-not-to-build-an-api-41o6
#vue
DEV Community
The Many Ways Not to Build an API
Building an API is one of the most important things one learns when getting into backend development....
How to Setup Serverless Framework with AWS and Node.js
Serverless Framework is a long standing toolkit for deploying apps in a serverless/functions-as-a-service fashion to AWS Lambda. This is a basic look at a few stages in the setup process. - https://implementing.substack.com/p/how-to-setup-serverless-framework
#nodejs
Serverless Framework is a long standing toolkit for deploying apps in a serverless/functions-as-a-service fashion to AWS Lambda. This is a basic look at a few stages in the setup process. - https://implementing.substack.com/p/how-to-setup-serverless-framework
#nodejs
Substack
How to setup Serverless framework to deploy AWS Lambda, Queues and DynamoDB with Node.js
Setup serverless framework - Edition #28
How to use NgRx SignalStore?
With the release of Angular Signals, RxJS-based state management libraries had to adapt and create… - https://blog.angulartraining.com/how-to-use-ngrx-signalstore-41852199035a
#angular
With the release of Angular Signals, RxJS-based state management libraries had to adapt and create… - https://blog.angulartraining.com/how-to-use-ngrx-signalstore-41852199035a
#angular
Medium
How to use NgRx SignalStore?
With the release of Angular Signals, RxJS-based state management libraries had to adapt and create signal-based alternatives, which NgRx…
A quick introduction to CSS @scope
Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors. - https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope
#css
Bramus Van Damme gives a nice introduction to @scope, a way to scope the reach of your CSS selectors. - https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope
#css
Bram.us
A quick introduction to CSS @scope
An introductory thread to CSS @scope.
Big Suspense Changes in React 19: Explained in Code
Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. - https://www.youtube.com/watch?v=sgnw8dRZa3Q
#react
Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. - https://www.youtube.com/watch?v=sgnw8dRZa3Q
#react
YouTube
Big Suspense Changes in React 19: Explained In Code
What seems like a minor change to suspenses in React 19 is getting major pushback because of the impact it has on the way we load data into Single Page Applications.
Code: https://github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense:…
Code: https://github.com/jherr/react-19-suspense-changes
TkDodo's Blog Post on Suspense:…