![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
callable-data
Advanced tools
Maps (objects) can be viewed as a pure function, in the sense, that specific values produce specific outcomes.
Wouldn't it be nice, if one could use this datastructure to model logical relations in a given domain? And wouldn't it then be nice, if we would not need to distinguish on the caller-side between a 'dynamic' function and a 'function' which is defined through a 'callable' object?
callable-data
provides the function callable
, which turns an object into something that can be called. Under the hood this happens by utilising proxy-magic (check the source-code it's only about 60 LOC)
import { callable, defaultsTo } from 'callable-data'
const beats = callable({
rock: 'scissors',
scissors: 'paper',
paper: 'rock',
})
// use object as function
const choicesToGameOutcome = ([a, b]) => {
if (a === b) return 'draw'
return beats(a) === b ? 'win' : 'lose'
}
// use conveniently with map function
const choices = ['rock', 'rock', 'paper']
const losesToThoseChoices = choices.map(beats)
// callable objects can still be used with []
const mapWithNativeSyntax = choices.map(choice => beats[choice])
// save on foo[bar] ?? 'defaultValue'
const questionToAnswer = callable({ foo: 'bar', [defaultsTo]: 42 })
questionToAnswer('foo') // -> 'bar'
questionToAnswer('buuz') // -> 42
questionToAnswer['bibuba'] // -> 42
// use to traverse nested objects
const user = callable({
address: {
street: 'someStreet',
},
})
user(['address', 'street']) // -> 'someStreet'
Proxies are used for the magic. Be sure that your environment understands them.
console.log uses an object representation, which cannot be hooked into.
const questionToAnswer = callable({ foo: 'bar', [defaultsTo]: 42 })
console.log(questionToAnswer)
// logs: [Function: anonymous] ProxyFunction
// fix: just call the callable object
console.log(questionToAnswer())
// logs: { foo: 'bar', [Symbol(default)]: 42 }
typeof
changes from object
to function
typeof {} // object
typeof callable({}) // function
npm i callable-data
npm test
👤 Tim Kutscha
Give a ⭐️ if this project helped you!
Copyright © 2023 Tim Kutscha.
This project is MIT licensed.
FAQs
make your data callable
The npm package callable-data receives a total of 2 weekly downloads. As such, callable-data popularity was classified as not popular.
We found that callable-data demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.