From NgRx ComponentStore to SignalStore: the key takeaways from my demo project - https://www.angularaddicts.com/p/from-ngrx-componentstore-to-signalstore
#angular
#angular
Angularaddicts
From NgRx ComponentStore to SignalStore: the key takeaways from my demo project
How to prepare for migration effectively
👍5
Easy RPC with Nuxt: Making a Todo App
We're going to make a simple to-do app with Nuxt. Except, instead of manually defining server routes and fetching them on the client, we're going to use Prim+RPC to define functions on Nuxt's server and simply call those functions directly from the client - https://blog.doseofted.me/easy-rpc-with-nuxt-making-a-todo-app
#vue
We're going to make a simple to-do app with Nuxt. Except, instead of manually defining server routes and fetching them on the client, we're going to use Prim+RPC to define functions on Nuxt's server and simply call those functions directly from the client - https://blog.doseofted.me/easy-rpc-with-nuxt-making-a-todo-app
#vue
Dose of Ted
Easy RPC with Nuxt: Making a Todo App
We're going to make a simple to-do app with Nuxt. Except, instead of manually defining server routes and fetching them on the client, we're going to use Prim+RPC to define functions on Nuxt's server and simply call those functions directly from the c...
👍4
React Memo is.. Good Actually
The use of React’s memoization features can be ‘a controversial, complex & ever evolving topic’ (see last issue’s The Uphill Battle of Memoization, for example) but Tim thinks there are a lot of misconceptions and works through nine of them here – some technical, some more philosophical in nature. - https://timtech.blog/posts/react-memo-is-good-actually/
#react
The use of React’s memoization features can be ‘a controversial, complex & ever evolving topic’ (see last issue’s The Uphill Battle of Memoization, for example) but Tim thinks there are a lot of misconceptions and works through nine of them here – some technical, some more philosophical in nature. - https://timtech.blog/posts/react-memo-is-good-actually/
#react
Tim's Tech Blog
React memo is good actually
React memo, useMemo & useCallback can be controversial. Let us review the most common misconceptions about them, and see how they're good, actually.
👍2👎1
Effective Code Review Strategies for Successful Projects
In the world of software development, a Tech lead is akin to a seasoned captain steering the ship through… - https://javascript.plainenglish.io/effective-code-review-strategies-for-successful-projects-node-js-ff7d6f3b9005
#codereview
In the world of software development, a Tech lead is akin to a seasoned captain steering the ship through… - https://javascript.plainenglish.io/effective-code-review-strategies-for-successful-projects-node-js-ff7d6f3b9005
#codereview
Medium
Effective Code Review Strategies for Successful Projects (Node.js)
In the world of software development, a Tech lead is akin to a seasoned captain steering the ship through calm seas and turbulent storms…
👍4🥰1
Designing Web Design Documentation
Frederick O’Brien explains why documentation must be interactive and constantly evolving. - https://www.smashingmagazine.com/2023/11/designing-web-design-documentation
#css
Frederick O’Brien explains why documentation must be interactive and constantly evolving. - https://www.smashingmagazine.com/2023/11/designing-web-design-documentation
#css
Smashing Magazine
Designing Web Design Documentation — Smashing Magazine
Words alone aren’t enough to safeguard best practices in the world of web design and development. Web design documentation must be like its medium — interactive and constantly evolving.
👍4
36 Node CLI App Best Practices
From the creator of several Node-based CLI tools comes this helpful collection of best practices for building “successful, empathic and user-friendly” CLI tools using Node, plus an appendix rounding up popular CLI framework options. - https://github.com/lirantal/nodejs-cli-apps-best-practices
#nodejs
From the creator of several Node-based CLI tools comes this helpful collection of best practices for building “successful, empathic and user-friendly” CLI tools using Node, plus an appendix rounding up popular CLI framework options. - https://github.com/lirantal/nodejs-cli-apps-best-practices
#nodejs
GitHub
GitHub - lirantal/nodejs-cli-apps-best-practices: The largest Node.js CLI Apps best practices list ✨
The largest Node.js CLI Apps best practices list ✨ - lirantal/nodejs-cli-apps-best-practices
👍6🔥1
Unlock the Power of HTTP Request Cancellation in Angular
HTTP request cancellation in Angular means that you abort or cancel an ongoing HTTP request before it gets completed. - https://www.angularaddicts.com/p/unlock-the-power-of-http-request-cancellation
#angular
HTTP request cancellation in Angular means that you abort or cancel an ongoing HTTP request before it gets completed. - https://www.angularaddicts.com/p/unlock-the-power-of-http-request-cancellation
#angular
Angularaddicts
Unlock the Power of HTTP Request Cancellation in Angular
For faster responses and smoother interactions
👍4🤩1
You Don't Need to Learn Svelte – Here's Why
I mean.. you kinda do, but Kavii’s excitement is infectious and Svelte’s approach remains refreshing. - https://kaviisuri.com/you-dont-need-to-learn-svelte
#svelte
I mean.. you kinda do, but Kavii’s excitement is infectious and Svelte’s approach remains refreshing. - https://kaviisuri.com/you-dont-need-to-learn-svelte
#svelte
Kavii Suri
You Don't Need to Learn Svelte – Here's Why
Discover the hidden power of Svelte – the JavaScript framework that feels like déjà vu. Uncover how Svelte simplifies web development, reimagining JS.
🔥4👍3
Custom Error Pages in Nuxt 3
Nuxt 3 has a ton of built-in features that just work without requiring anything of you — including an error page. But did you know you could replace Nuxt’s error page to your own custom page. This article dives into how to create a custom error page for Nuxt 3 applications. - https://masteringnuxt.com/blog/custom-error-pages-in-nuxt3
#vue
Nuxt 3 has a ton of built-in features that just work without requiring anything of you — including an error page. But did you know you could replace Nuxt’s error page to your own custom page. This article dives into how to create a custom error page for Nuxt 3 applications. - https://masteringnuxt.com/blog/custom-error-pages-in-nuxt3
#vue
Masteringnuxt
Custom Error Pages in Nuxt 3
This article dives into how to create a custom error page for Nuxt 3 applications to replace Nuxt 3's built in error page.
👍6
React Forget: React for Developers and Compilers
A React core team member went deep at React India two weeks ago with a look at why React’s model is well suited for targeting by compilers and static analysis tools, but also why the React team are even building a compiler in the first place. - https://www.youtube.com/watch?v=kjOacmVsLSE
#react
A React core team member went deep at React India two weeks ago with a look at why React’s model is well suited for targeting by compilers and static analysis tools, but also why the React team are even building a compiler in the first place. - https://www.youtube.com/watch?v=kjOacmVsLSE
#react
YouTube
React Forget: React for developers and compilers - Sathya Gunasekaran
Sathya is a software engineer on the React core team at Meta. Previously, he worked on the V8 JavaScript compiler at Google.
About the session Statically analysing react components for fun and profit.
His talk will dive into what makes the react programming…
About the session Statically analysing react components for fun and profit.
His talk will dive into what makes the react programming…
👍4
Handling scrolling on Angular router transitions
By default, when a new route is activated, Angular’s router doesn’t touch the scroll position. At least this… - https://medium.com/front-end-weekly/handling-scrolling-on-angular-router-transitions-e7652e57d964
#angular
By default, when a new route is activated, Angular’s router doesn’t touch the scroll position. At least this… - https://medium.com/front-end-weekly/handling-scrolling-on-angular-router-transitions-e7652e57d964
#angular
Medium
Handling scrolling on Angular router transitions
By default, when a new route is activated, Angular’s router doesn’t touch the scroll position. At least this is still true of Angular 9…
👍4
CSS Nesting Relaxed Syntax Update
Adam Argyle gives a quick update on native CSS nesting. - https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/
#css
Adam Argyle gives a quick update on native CSS nesting. - https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/
#css
Chrome for Developers
CSS nesting relaxed syntax update | Blog | Chrome for Developers
Lookahead nesting enabled in Chrome 120.
👍6
Can Bun Eat Node.js’s Lunch?
An experiment in migrating a codebase (a restaurant voting app called Lunch) from Node over to Bun and seeing how it fares. They’re impressed but found it to be “not production-ready as I’m still encountering segmentation faults for common tasks.” - https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit
#nodejs #bun
An experiment in migrating a codebase (a restaurant voting app called Lunch) from Node over to Bun and seeing how it fares. They’re impressed but found it to be “not production-ready as I’m still encountering segmentation faults for common tasks.” - https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit
#nodejs #bun
Lab Zero
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit
We tried migrating our trusty Lunch codebase from Node to Bun. Was the transition as smooth as advertised?
👍6😁1
Component communication in Angular for Senior devs
Exchanging data between different components is just an essential task in any application. Angular is not an… - https://medium.com/@iamprovidence/component-communication-in-angular-for-senior-devs-4e3c9f0f2c59
#angular
Exchanging data between different components is just an essential task in any application. Angular is not an… - https://medium.com/@iamprovidence/component-communication-in-angular-for-senior-devs-4e3c9f0f2c59
#angular
Medium
Component communication in Angular for Senior devs
Exchanging data between different components is just an essential task in any application. Angular is not an exception here. Despite how…
👍5
How We Optimized Package Imports in Next.js
The latest version of Next includes improvements to optimize package imports that can improve local dev performance and production cold starts. This post explains why this was needed and how it was done. - https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
#react
The latest version of Next includes improvements to optimize package imports that can improve local dev performance and production cold starts. This post explains why this was needed and how it was done. - https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
#react
Vercel
How we optimized package imports in Next.js - Vercel
How solving barrel files led to faster cold boots and build times.
👍6❤1
Asynchronous Component Loading in Vue 3
Asynchronous loading of our Vue.js components helps improve the performance and Optimization of our application. This article explores the lazy loading components feature in Vue 3 and it’s implementation - https://javascript.plainenglish.io/asynchronous-component-loading-in-vue-3-f8cd0860da23
#vue
Asynchronous loading of our Vue.js components helps improve the performance and Optimization of our application. This article explores the lazy loading components feature in Vue 3 and it’s implementation - https://javascript.plainenglish.io/asynchronous-component-loading-in-vue-3-f8cd0860da23
#vue
Medium
Asynchronous Component Loading in Vue 3
Asynchronous loading in Vue 3 using defineAsyncComponent
👍7❤1
Semantic Inline Lists
Chris Ferdinandi shows how to make inline lists accessible. - https://gomakethings.com/semantic-inline-lists
#css
Chris Ferdinandi shows how to make inline lists accessible. - https://gomakethings.com/semantic-inline-lists
#css
gomakethings.com
Semantic inline lists
Sometimes, you want an list to be displayed in a line (like a nav menu) rather than vertically. <ul class="list-inline"> <li>Merlin</li> <li>Ursula</li> <li>Radagast</li> </ul> To do that, you typically set list-style to none, then style the list items with…
👍2
Secure Code Review Tips to Defend Against Vulnerable Node Code
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node development security with this guide to secure code review. - https://www.nodejs-security.com/blog/secure-code-review-tips-to-defend-against-vulnerable-nodejs-code
#nodejs
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node development security with this guide to secure code review. - https://www.nodejs-security.com/blog/secure-code-review-tips-to-defend-against-vulnerable-nodejs-code
#nodejs
NodeJS Security & NodeJS Secure Coding
Secure Code Review Tips to Defend Against Vulnerable Node.js Code
How do you identify vulnerable code patterns? Can you spot insufficient input validation? Enhance your Node.js development security with this guide to secure code review.
👍3❤2
The Rise of Next.js: Why It's the Full-Stack Framework of Choice - https://www.felixvemmer.com/blog/why-next-js
#react
#react
👍7🥱1
Understanding Accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
Alaïs de Saint Louvent created an outstanding resource that will help you learn the basics of accessibility. - https://www.understandingaccessibility.com/
#accessibility
👍6