Inline Context Value (ARCH3306)

Anahtar typescript.react.inline-context-value · Önem warning · Kategori performance

React: value’su satır içi nesne/dizi literali olan context Provider’ları işaretler - provider her render olduğunda tüm tüketiciler yeniden render olur.

Yanlış

<ThemeContext.Provider value={{ theme, setTheme }}>

Doğru

const value = useMemo(() => ({ theme, setTheme }), [theme]);

<ThemeContext.Provider value={value}>