Generics make sure fetchData knows exactly what type of data it’s dealing with — no surprises at runtime!
💬 How are you using generics in your TypeScript projects?
💬 How are you using generics in your TypeScript projects?
December 20, 2024 at 11:16 AM
Generics make sure fetchData knows exactly what type of data it’s dealing with — no surprises at runtime!
💬 How are you using generics in your TypeScript projects?
💬 How are you using generics in your TypeScript projects?
a few times ive used it i trapped myself in a maze of types trying to encode stuff that could just be easier expressed as
await fetchData() as Type
await fetchData() as Type
May 6, 2025 at 2:32 PM
a few times ive used it i trapped myself in a maze of types trying to encode stuff that could just be easier expressed as
await fetchData() as Type
await fetchData() as Type
REST API Integration in Angular v.19 🔥
youtu.be/ryhlhAQMDbM?...
#angular #angulardeveloper @angulardiscord.bsky.social #developerorium #apiintegration #restapis #fetchdata
youtu.be/ryhlhAQMDbM?...
#angular #angulardeveloper @angulardiscord.bsky.social #developerorium #apiintegration #restapis #fetchdata
Angular API Integration v19: Step-by-Step Guide
YouTube video by Developerorium
youtu.be
December 8, 2024 at 8:04 PM
REST API Integration in Angular v.19 🔥
youtu.be/ryhlhAQMDbM?...
#angular #angulardeveloper @angulardiscord.bsky.social #developerorium #apiintegration #restapis #fetchdata
youtu.be/ryhlhAQMDbM?...
#angular #angulardeveloper @angulardiscord.bsky.social #developerorium #apiintegration #restapis #fetchdata
you can also make the "conditional rendering" an implementation detail as well so the list takes care of it
codesandbox.io/p/devbox/rea...
codesandbox.io/p/devbox/rea...
![import { useState, useDeferredValue } from "react";
import SearchResults from "./SearchResults.js";
export default function App() {
const [query, setQuery] = useState("");
const deferredQuery = useDeferredValue(query);
const isStale = query !== deferredQuery;
return (
<>
<label>
Search albums:
<input value={query} onChange={(e) => setQuery(e.target.value)} />
</label>
<div
style={{
opacity: isStale ? 0.5 : 1,
transition: isStale
? "opacity 0.2s 0.2s linear"
: "opacity 0s 0s linear",
}}
>
<SearchResults query={deferredQuery} />
</div>
</>
);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:fpruhuo22xkm5o7ttr2ktxdo/bafkreiagvxqpnrat6ttoe35yyhqeyrkycdw4dx6nrfovlslqtuyckfhefm)
October 11, 2025 at 8:05 PM
you can also make the "conditional rendering" an implementation detail as well so the list takes care of it
codesandbox.io/p/devbox/rea...
codesandbox.io/p/devbox/rea...
just used the dynamic import version of this (import attributes to import JSON from a module) in a web component method. very demure
![async fetchData() {
if (!this.stationId) return;
const weatherStationUrl = `${this.dataPath}${this.stationId}.json`;
const data = await import(weatherStationUrl, { with: { type: "json" } });
const stationData = data.default;
const spring = stationData.springFreezeDates;
const fall = stationData.fallFreezeDates;
const freezeFreeDays = stationData.freezeFreeDays;
const stationMeta = stationData.meta;
this.lastFrostDate.innerHTML = `<strong>${formatDateLong(spring[32][50])}</strong>`;
this.firstFrostDate.innerHTML = `<strong>${formatDateLong(fall[32][50])}</strong>`;
this.freezeFreeDays.innerHTML = `<strong>${freezeFreeDays}</strong>`;](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:komsc4cibngambanqjhpwweu/bafkreig6qvzngydb7asg5smdg7563g5jqlqja2yodu7nkomwc7hz52g5la)
May 21, 2025 at 9:26 AM
just used the dynamic import version of this (import attributes to import JSON from a module) in a web component method. very demure
Does your agenda look like this?
🛠️ Rename `fetchData(query)` to `fetchData({ query })`
🤖 Prompt an AI agent 12 times until the mocks are magically fixed
🐞 Oups! We just shipped a bug.
✨ There's a better way.
👉 Full video on #Angular Fakes here: youtu.be/dXyiOUzdmKk
🛠️ Rename `fetchData(query)` to `fetchData({ query })`
🤖 Prompt an AI agent 12 times until the mocks are magically fixed
🐞 Oups! We just shipped a bug.
✨ There's a better way.
👉 Full video on #Angular Fakes here: youtu.be/dXyiOUzdmKk
From Mock Spaghetti to Gourmet Fakes
YouTube video by Marmicode – By Younes Jaaidi
youtu.be
May 21, 2025 at 6:54 AM
Does your agenda look like this?
🛠️ Rename `fetchData(query)` to `fetchData({ query })`
🤖 Prompt an AI agent 12 times until the mocks are magically fixed
🐞 Oups! We just shipped a bug.
✨ There's a better way.
👉 Full video on #Angular Fakes here: youtu.be/dXyiOUzdmKk
🛠️ Rename `fetchData(query)` to `fetchData({ query })`
🤖 Prompt an AI agent 12 times until the mocks are magically fixed
🐞 Oups! We just shipped a bug.
✨ There's a better way.
👉 Full video on #Angular Fakes here: youtu.be/dXyiOUzdmKk
function Example() {
const [data, setData] = useState(() => fetchData());
return (
<>
<div>{use(data)}</div>
<button onClick={() => setData(fetchOtherData())}>Click</button>
</>
);
}
This pattern is pretty nice to get a stable promise that can be updated at whenever.
const [data, setData] = useState(() => fetchData());
return (
<>
<div>{use(data)}</div>
<button onClick={() => setData(fetchOtherData())}>Click</button>
</>
);
}
This pattern is pretty nice to get a stable promise that can be updated at whenever.
June 12, 2025 at 8:22 PM
function Example() {
const [data, setData] = useState(() => fetchData());
return (
<>
<div>{use(data)}</div>
<button onClick={() => setData(fetchOtherData())}>Click</button>
</>
);
}
This pattern is pretty nice to get a stable promise that can be updated at whenever.
const [data, setData] = useState(() => fetchData());
return (
<>
<div>{use(data)}</div>
<button onClick={() => setData(fetchOtherData())}>Click</button>
</>
);
}
This pattern is pretty nice to get a stable promise that can be updated at whenever.
Media.net bets on Fetch receipt data to fix open web attribution #MediaNet #FetchData #OpenWeb #AdTargeting #DigitalMarketing
Media.net bets on Fetch receipt data to fix open web attribution
Media.net integrates Fetch receipt data into open web ad targeting and sell-side measurement across display, video, CTV, and audio, powered by 13M daily scans.
ppc.land
May 4, 2026 at 8:42 PM
Media.net bets on Fetch receipt data to fix open web attribution #MediaNet #FetchData #OpenWeb #AdTargeting #DigitalMarketing
I wrote a ton of Swift Code in the past weeks (you'll see the result next year ) and while I'm still not particulary fond of it, I tried to find a few things that I actually *like* about it.
Let's start with my favorite – the elegance of completion handlers!
Let's start with my favorite – the elegance of completion handlers!
December 21, 2023 at 9:16 AM
I wrote a ton of Swift Code in the past weeks (you'll see the result next year ) and while I'm still not particulary fond of it, I tried to find a few things that I actually *like* about it.
Let's start with my favorite – the elegance of completion handlers!
Let's start with my favorite – the elegance of completion handlers!
💡 TypeScript tip: Use infer inside higher order types to extract return types dynamically!
🧠 Benefits: with infer, you can extract return types from any function without repeating yourself!
Instead of manually extracting types ⛔️
🧠 Benefits: with infer, you can extract return types from any function without repeating yourself!
Instead of manually extracting types ⛔️
November 6, 2025 at 4:00 PM
💡 TypeScript tip: Use infer inside higher order types to extract return types dynamically!
🧠 Benefits: with infer, you can extract return types from any function without repeating yourself!
Instead of manually extracting types ⛔️
🧠 Benefits: with infer, you can extract return types from any function without repeating yourself!
Instead of manually extracting types ⛔️
Media.net bets on Fetch receipt data to fix open web attribution #MediaNet #FetchData #OpenWeb #AdTargeting #DigitalMarketing
Media.net bets on Fetch receipt data to fix open web attribution
Media.net integrates Fetch receipt data into open web ad targeting and sell-side measurement across display, video, CTV, and audio, powered by 13M daily scans.
ppc.land
May 4, 2026 at 8:42 PM
Media.net bets on Fetch receipt data to fix open web attribution #MediaNet #FetchData #OpenWeb #AdTargeting #DigitalMarketing
if you want to keep it fully encapsulated, you would move the inside that component, and split in two as an implementation detail. is this closer to what you'd like?
codesandbox.io/p/devbox/rea...
codesandbox.io/p/devbox/rea...
![import { useState, useDeferredValue } from "react";
import SearchResults from "./SearchResults.js";
export default function App() {
const [query, setQuery] = useState("");
const deferredQuery = useDeferredValue(query);
const isStale = query !== deferredQuery;
return (
<>
<label>
Search albums:
<input value={query} onChange={(e) => setQuery(e.target.value)} />
</label>
{deferredQuery && (
<div
style={{
opacity: isStale ? 0.5 : 1,
transition: isStale
? "opacity 0.2s 0.2s linear"
: "opacity 0s 0s linear",
}}
>
<SearchResults query={deferredQuery} />
</div>
)}
</>
);
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:fpruhuo22xkm5o7ttr2ktxdo/bafkreid2ffs752d6z2cdpdu2yukanmhl75auixjvl6pqh4wqatxlekimmy)
October 11, 2025 at 8:03 PM
if you want to keep it fully encapsulated, you would move the inside that component, and split in two as an implementation detail. is this closer to what you'd like?
codesandbox.io/p/devbox/rea...
codesandbox.io/p/devbox/rea...
Nodejs Essential Tips & Tricks
Write cleaner, faster, and smarter backend code with Node.js. 1️⃣ Setup & Initialization Initialize a new Node.js project: npm init -y Install dependencies: npm install express mongoose dotenv Run a file: node app.js 2️⃣ Asynchronous Programming Use `async/await`…
Write cleaner, faster, and smarter backend code with Node.js. 1️⃣ Setup & Initialization Initialize a new Node.js project: npm init -y Install dependencies: npm install express mongoose dotenv Run a file: node app.js 2️⃣ Asynchronous Programming Use `async/await`…
Nodejs Essential Tips & Tricks
Write cleaner, faster, and smarter backend code with Node.js. 1️⃣ Setup & Initialization Initialize a new Node.js project: npm init -y Install dependencies: npm install express mongoose dotenv Run a file: node app.js 2️⃣ Asynchronous Programming Use `async/await` instead of callbacks: const getData = async () => { try { const data = await fetchData(); console.log(data); } catch (error) {
undercodetesting.com
April 29, 2025 at 8:05 AM
Nodejs Essential Tips & Tricks
Write cleaner, faster, and smarter backend code with Node.js. 1️⃣ Setup & Initialization Initialize a new Node.js project: npm init -y Install dependencies: npm install express mongoose dotenv Run a file: node app.js 2️⃣ Asynchronous Programming Use `async/await`…
Write cleaner, faster, and smarter backend code with Node.js. 1️⃣ Setup & Initialization Initialize a new Node.js project: npm init -y Install dependencies: npm install express mongoose dotenv Run a file: node app.js 2️⃣ Asynchronous Programming Use `async/await`…
CVE-2026-44286 - FastGPT: SSRF Vulnerability in Laf Workflow Node via Missing Internal Address Validation
CVE ID : CVE-2026-44286
Published : May 8, 2026, 11:16 p.m. | 1 hour, 28 minutes ago
Description : FastGPT is an AI Agent building platform. Prior to version 4.14.17...
CVE ID : CVE-2026-44286
Published : May 8, 2026, 11:16 p.m. | 1 hour, 28 minutes ago
Description : FastGPT is an AI Agent building platform. Prior to version 4.14.17...
CVE-2026-44286 - FastGPT: SSRF Vulnerability in Laf Workflow Node via Missing Internal Address Validation
FastGPT is an AI Agent building platform. Prior to version 4.14.17, an unauthenticated Server-Side Request Forgery (SSRF) vulnerability allows attackers (or authenticated users with App editing privileges) to send arbitrary HTTP requests to internal/private network addresses. The fetchData function in the lafModule workflow node uses axios to fetch user-controlled URLs …
cvefeed.io
May 9, 2026 at 2:49 AM
CVE-2026-44286 - FastGPT: SSRF Vulnerability in Laf Workflow Node via Missing Internal Address Validation
CVE ID : CVE-2026-44286
Published : May 8, 2026, 11:16 p.m. | 1 hour, 28 minutes ago
Description : FastGPT is an AI Agent building platform. Prior to version 4.14.17...
CVE ID : CVE-2026-44286
Published : May 8, 2026, 11:16 p.m. | 1 hour, 28 minutes ago
Description : FastGPT is an AI Agent building platform. Prior to version 4.14.17...
Merged PR into main at bluesky-social/social-app: Stub out react-native-svg fetchData on web to drop buffer polyfill (#11097)
July 14, 2026 at 5:25 PM
Merged PR into main at bluesky-social/social-app: Stub out react-native-svg fetchData on web to drop buffer polyfill (#11097)
(2/5)
Async/await lets you write cleaner code when working with promises.
Compare these two approaches:
#1
fetchData().then(response => console.log(response));
#2
const response = await fetchData();
console.log(response);
Async/await lets you write cleaner code when working with promises.
Compare these two approaches:
#1
fetchData().then(response => console.log(response));
#2
const response = await fetchData();
console.log(response);
February 23, 2025 at 5:00 PM
(2/5)
Async/await lets you write cleaner code when working with promises.
Compare these two approaches:
#1
fetchData().then(response => console.log(response));
#2
const response = await fetchData();
console.log(response);
Async/await lets you write cleaner code when working with promises.
Compare these two approaches:
#1
fetchData().then(response => console.log(response));
#2
const response = await fetchData();
console.log(response);
After playing with React Suspense and Concurrent Mode, I've learned a few things:
- Resources that dynamically fetch async data are state.
So, don't do
const data = fetchData(url)
See next tweet for what you should do.
- Resources that dynamically fetch async data are state.
So, don't do
const data = fetchData(url)
See next tweet for what you should do.
November 14, 2019 at 3:56 PM
After playing with React Suspense and Concurrent Mode, I've learned a few things:
- Resources that dynamically fetch async data are state.
So, don't do
const data = fetchData(url)
See next tweet for what you should do.
- Resources that dynamically fetch async data are state.
So, don't do
const data = fetchData(url)
See next tweet for what you should do.
LOVE the embracing of @nuxt.com for this!
Curious about the decision to use `usaAsyncData` composable and `refresh` to watch for preview token changes for some pages (github.com/craftcms/sta...) vs a custom `fetchData` function in others? (github.com/craftcms/sta...)
Curious about the decision to use `usaAsyncData` composable and `refresh` to watch for preview token changes for some pages (github.com/craftcms/sta...) vs a custom `fetchData` function in others? (github.com/craftcms/sta...)
starter-nuxt/frontend/pages/[...slug].vue at 73dc80c02665b2027b6560b143f4c0b4f0b329b3 · craftcms/starter-nuxt
A headless Craft CMS + Nuxt starter. Contribute to craftcms/starter-nuxt development by creating an account on GitHub.
github.com
November 27, 2024 at 4:27 PM
LOVE the embracing of @nuxt.com for this!
Curious about the decision to use `usaAsyncData` composable and `refresh` to watch for preview token changes for some pages (github.com/craftcms/sta...) vs a custom `fetchData` function in others? (github.com/craftcms/sta...)
Curious about the decision to use `usaAsyncData` composable and `refresh` to watch for preview token changes for some pages (github.com/craftcms/sta...) vs a custom `fetchData` function in others? (github.com/craftcms/sta...)
In this example, even though we have 5 goroutines simultaneously requesting data for the same key, the fetchData function will only be called once due to the http://group.Do function from singleflight.
Do you use singleflight? what for?
Do you use singleflight? what for?
January 4, 2025 at 5:23 PM
In this example, even though we have 5 goroutines simultaneously requesting data for the same key, the fetchData function will only be called once due to the http://group.Do function from singleflight.
Do you use singleflight? what for?
Do you use singleflight? what for?
Nodejs Developer Roadmap: Master Backend Development
Node.js is a powerful JavaScript runtime that enables developers to build scalable, high-performance backend applications. This roadmap covers essential concepts, tools, and best practices for becoming a proficient Node.js developer. ✅ 1.…
Node.js is a powerful JavaScript runtime that enables developers to build scalable, high-performance backend applications. This roadmap covers essential concepts, tools, and best practices for becoming a proficient Node.js developer. ✅ 1.…
Nodejs Developer Roadmap: Master Backend Development
Node.js is a powerful JavaScript runtime that enables developers to build scalable, high-performance backend applications. This roadmap covers essential concepts, tools, and best practices for becoming a proficient Node.js developer. ✅ 1. Prerequisites JavaScript (ES6+): // Arrow functions const greet = () => console.log("Hello, Node.js!"); // Async/Await async function fetchData() { const response = await fetch(' const data = await response.json();
undercodetesting.com
April 25, 2025 at 9:27 AM
Nodejs Developer Roadmap: Master Backend Development
Node.js is a powerful JavaScript runtime that enables developers to build scalable, high-performance backend applications. This roadmap covers essential concepts, tools, and best practices for becoming a proficient Node.js developer. ✅ 1.…
Node.js is a powerful JavaScript runtime that enables developers to build scalable, high-performance backend applications. This roadmap covers essential concepts, tools, and best practices for becoming a proficient Node.js developer. ✅ 1.…
Feed: "JWEasyTech"
By: jweasyte on Monday, July 21, 2025
By: jweasyte on Monday, July 21, 2025
ECMAScript 2025: The best new features in JavaScript
function fetchData(key) { if (cache[key]) { return cache[key]; } else { return new Promise(resolve => { setTimeout(() => { data = { id: key, name: `New Item ${key}`, source: "DB" …
jweasytech.com
July 21, 2025 at 4:26 AM
Feed: "JWEasyTech"
By: jweasyte on Monday, July 21, 2025
By: jweasyte on Monday, July 21, 2025