Good practice to define all focusAtoms at the place of the atom focused in the form of an object?

[simon3495]

I need to define a lot of focusAtoms (much more than in the code example below), and I find that it quickly gets unweildy when defining them all in the global scope of the file:

export const a = focusAtom(u, optic => {
	return optic.prop('deltaData').prop('teaser').prop('person1').prop('a');
});
export const b= focusAtom(u, optic => {
	return optic.prop('deltaData').prop('teaser').prop('person1').prop('b');
});
export const c= focusAtom(u, optic => {
	return optic.prop('deltaData').prop('teaser').prop('person1').prop('c');
});
export const d= focusAtom(u, optic => {
	return optic.prop('deltaData').prop('teaser').prop('person1').prop('d');
});

Therefore, I was thinking about namespacing my focusAtoms in an object this way:

export const u= atomWithImmer<UserData>({
	data: undefined,
	deltaData: undefined,
})

export const deltaData = {
    a: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('a');
    }),
    b: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('b');
    }),
    c: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('c');
    }),
    d: focusAtom(u, optic => {
        return optic.prop('deltaData')..prop('teaser').prop('person1').prop('d');
    }),
    e: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('e');
    }),
    f: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('f');
    }),
    g: focusAtom(u, optic => {
        return optic.prop('deltaData').prop('teaser').prop('person1').prop('g');
    }),
}

I was even contemplating going one step further and storing my focusAtoms this way:

export const deltaData = {
    deltaData: {
        teaser: {
            person1: {
                    a: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('a');
                    }),
                    b: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('b');
                    }),
                    c: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('c');
                    }),
                    d: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('d');
                    }),
                    e: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('e');
                    }),
                    f: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('f');
                    }),
                    g: focusAtom(u, optic => {
                        return optic.prop('deltaData').prop('teaser').prop('person1').prop('g');
                    }),
            }
        }
    }
}

My question is, is there any performance drawbacks of storing focusAtoms in an object?

[dai-shi]

is there any performance drawbacks of storing focusAtoms in an object?

I don't think there is.