Improve performance #1257
Improve performance #1257
Conversation
🦋 Changeset detectedLatest commit: 141fa4a The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
nop33
force-pushed
the
performance-mw
branch
from
1d940a2 to
da068cf
Compare
nop33
force-pushed
the
performance-mw
branch
from
da068cf to
a8d7604
Compare
Related to #1252
nop33
force-pushed
the
performance-mw
branch
from
a8d7604 to
4510431
Compare
| import { enableFreeze } from 'react-native-screens' | ||
|
|
||
| enableFreeze(true) |
There was a problem hiding this comment.
The current version of screens/freeze integration, freezes updates only on views that are more than one level deep the stack hierarchy (the top and second to top screens are not freezing). This is necessary for slide-to-go-back functionality to work as by sliding back we may reveal the content that is displayed below. This is something we plan on improving in the future such that only the top screen is not frozen.
https://github.com/software-mansion/react-freeze?tab=readme-ov-file#quick-start-with-react-navigation-react-native-
There was a problem hiding this comment.
Removing the WC code that kept the app running in the bg
| @@ -154,7 +154,7 @@ const AddressAnimatedBackground = ({ addressHash }: Pick<AddressDetailsModalHead | |||
|
|
|||
| if (!address) return null | |||
|
|
|||
| return <AnimatedBackground shade={address.settings.color} isAnimated /> | |||
There was a problem hiding this comment.
This is the main new component that enables animation and gyroscope only when the screen is in focus. The energy consumption remains as it was before when the user remains on the Dashboard, but it significantly reduces in every other screen 👍
Below you can see the difference between being on the Dashboard screen and being on the Addresses screen on a dark theme (half left is the Dashboard, half right is the Addresses)
| @@ -20,4 +20,11 @@ config.resolver.nodeModulesPaths = [ | |||
| // Use turborepo to restore the cache when possible | |||
| config.cacheStores = [new FileStore({ root: path.join(projectRoot, 'node_modules', '.cache', 'metro') })] | |||
|
|
|||
| config.transformer.minifierConfig = { | |||
| compress: { | |||
| // The option below removes all console logs statements in production. | |||
Related to: