more memoization

src/alf/index.tsx

@@ -103,35 +103,32 @@ export function ThemeProvider({
     })
   }, [])
 
-  return (
+  const value = React.useMemo<Alf>(
-    <Context.Provider
+    () => ({
-      value={React.useMemo<Alf>(
+      themes,
-        () => ({
+      themeName: themeName,
-          themes,
+      theme: themes[themeName],
-          themeName: themeName,
+      fonts: {
-          theme: themes[themeName],
+        scale: fontScale,
-          fonts: {
+        scaleMultiplier: fontScaleMultiplier,
-            scale: fontScale,
+        family: fontFamily,
-            scaleMultiplier: fontScaleMultiplier,
+        setFontScale: setFontScaleAndPersist,
-            family: fontFamily,
+        setFontFamily: setFontFamilyAndPersist,
-            setFontScale: setFontScaleAndPersist,
+      },
-            setFontFamily: setFontFamilyAndPersist,
+      flags: {},
-          },
+    }),
-          flags: {},
+    [
-        }),
+      themeName,
-        [
+      themes,
-          themeName,
+      fontScale,
-          themes,
+      setFontScaleAndPersist,
-          fontScale,
+      fontFamily,
-          setFontScaleAndPersist,
+      setFontFamilyAndPersist,
-          fontFamily,
+      fontScaleMultiplier,
-          setFontFamilyAndPersist,
+    ],
-          fontScaleMultiplier,
-        ],
-      )}>
-      {children}
-    </Context.Provider>
   )
+
+  return <Context.Provider value={value}>{children}</Context.Provider>
 }
 
 export function useAlf() {

src/view/com/util/text/Text.tsx

@@ -44,8 +44,6 @@ export function Text({
   ...props
 }: React.PropsWithChildren<CustomTextProps>) {
   const theme = useTheme()
-  const typography = theme.typography[type]
-  const lineHeightStyle = lineHeight ? lh(theme, type, lineHeight) : undefined
   const {fonts} = useAlf()
 
   if (IS_DEV) {
@@ -61,6 +59,9 @@ export function Text({
   }
 
   const textProps = React.useMemo(() => {
+    const typography = theme.typography[type]
+    const lineHeightStyle = lineHeight ? lh(theme, type, lineHeight) : undefined
+
     const flattened = StyleSheet.flatten([
       s.black,
       typography,
@@ -80,25 +81,24 @@ export function Text({
       )
     }
 
-    const shared = {
+    return {
       uiTextView: selectable && isIOS,
       selectable,
       style: flattened,
       dataSet: Object.assign({tooltip: title}, dataSet || {}),
       ...props,
     }
-
-    return shared
   }, [
     dataSet,
     fonts.family,
     fonts.scaleMultiplier,
-    lineHeightStyle,
+    lineHeight,
     props,
     selectable,
     style,
+    theme,
     title,
-    typography,
+    type,
   ])
 
   if (selectable && isIOS) {