First time in about a year and a half that this floor has… well, flooring.
Not sure the paint ideas we had are gonna work out, but hey, floors!
Kyle Shevlin (he/him)
@kyleshevl.in
15K followers 866 following 4.3K posts
Software engineer. React, Vue, Astro, JS/TS, and all things frontend. Scratch golfer. AuDHD. kyleshevlin.com
![const nextTees = changes.tees.flatMap(changedTee => {
const currentTee = current.tees?.find(t => t.id === changedTee.id)
if (!currentTee) return []
return [{ ...currentTee, ...changedTee }]
})](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:h4qem3f3cz6yvs3r3xvs634g/bafkreietnlucynxwq3i2fnhumjlszsyotub477vesjysnmztxpfkgebvqy)
![// Linear recursion - build a stack of calls
function map(items, fn) {
if (items.length === 0) return []
const [first, ...rest] = items
// Notice we can't return the result of this function
// without the result of another map function call
// That's the stacking. Takes up a lot of memory.
return [fn(first), ...map(rest, fn)]
}
// Iterative - use a helper function with accumulator
function map(items, fn) {
return mapLoop(items, fn, [])
}
function mapLoop(items, fn, acc) {
if (items.length === 0) return acc
const [first, ...rest] = items
// Notice we're just calling the function again with
// new values. We're not waiting on its result to help
// formulate the result of this function call.
// Takes up (roughly) the same amount of memory no matter how many calls
return mapLoop(rest, fn, [...acc, fn(item)])
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:h4qem3f3cz6yvs3r3xvs634g/bafkreie6zpwnnbrsimnfhbbgm65tc7qoxdrbe3auvyqctmzpdokipadfru)
![import { AsyncData, Result } from 'some-fp-lib'
function UserProfile({ id }) {
const [state, setState] = useState<AsyncData<Result<User, Error>>(
AsyncData.NotStarted()
)
useEffect(() => {
function fetchUser() {
setState(AsyncData.Loading())
fetch(`/api/users/${id}`)
.then(res => res.json())
.then(data => {
setState(AsyncData.Done(Result.Ok(data))))
})
.catch(err => {
setState(AsyncData.Done(Result.Err(err))))
})
}
fetchUser()
}, [id])
return state.match({
NotAsked: () => null,
Loading: () => <div>Loading...</div>
Done: (result) => result.match({
Ok: data => <div>{JSON.stringify(data)}</div>
Err: error => <div>{error.message}</div>
})
})
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:h4qem3f3cz6yvs3r3xvs634g/bafkreibuz7ylvdwe3zc7o4ano47zuyuomafdhdb7spuimnetpydaxucbfi)
