A great way to write simple arrow functions faster.
Have you ever written code similar to the one below?
const aThing = anotherThing.map(thing => thing.name)
I'm sure you have.
How about something like this?
const aThing = anotherThing.map(x => x.name)
Probably also yes, because we are programmers, and we want to be efficient, so we name thing
to just x
because it's just used in that one place and it's pretty obvious what we want to do with it.
Let me show you an even more efficient way to do it, that gets rid of the x
too!
const aThing = anotherThing.map($("name"))
Or maybe even like this.
const aThing = anotherThing.map($`name`)
Ain't that cool? I love it.
npm install arrow-magic
yarn add arrow-magic
Pretty simple.
import { $ } from "arrow-magic"
const aThing = anotherThing.map($("name"))
Well, why not?
Ruby uses &
, and that seems fine. I like $
, and I also export it as magic
and as prop
in case you want something more.. english than $
.
If you like some other symbol/name, feel free to make a PR!
Not if you use the $("name")
syntax. It even works with typescript and typechecking!
The $`name`
syntax unfortunately loses typechecking. Maybe there is a way to keep it, but I couldn't find it. Please make a PR if you can make this happen!