IssueRaiser

Slow performance compared to “pure” react-native

**Describe the bug** I Wrote 2 lists, one using native-base components, second one using react-native components, and I am experiencing 2 to 3 times slower render on native-base side, my example consists of fairly simple list, so I wanted to ask if anyone else is experiencing similar performance issues, or for advice on what am I doing wrong or how to speed things up. **To Reproduce** In my example are 2 buttons, which will navigate you to respective list, with time it took to fully transition in ms. **Expected behaviour** Similar render times to react-native components. **CodeSandBox/Snack link** [codesandbox template](https://snack.expo.dev/@vasafix/58e051) **Render times in ms** <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta name=ProgId content=Excel.Sheet> <meta name=Generator content="Microsoft Excel 15"> </head> <body>   | DEV | DEV | DEV | DEV | PROD | PROD | PROD | PROD -- | -- | -- | -- | -- | -- | -- | -- | -- Native Base | Android | Android | IOS | IOS | Android | Android | IOS | IOS   | Emulator | Samsung S21 | Emulator | Iphone 13 Pro | Emulator | Samsung S21 | Emulator | Iphone 13 Pro 1 | 1103 | 319 | 266 | 188 | 605 | 255 | 208 | 150 2 | 947 | 303 | 173 | 199 | 522 | 232 | 101 | 149 3 | 966 | 339 | 163 | 191 | 615 | 236 | 94 | 150 4 | 1069 | 306 | 157 | 191 | 496 | 211 | 101 | 150 5 | 919 | 307 | 154 | 1

Posted by vasafix on Nov 15, 2021, 9:02 AM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.3,000 issues0 comments

github (Other)

Slow performance compared to “pure” react-native

vasafixNov 15, 2021, 9:02 AM

**Describe the bug** I Wrote 2 lists, one using native-base components, second one using react-native components, and I am experiencing 2 to 3 times slower render on native-base side, my example consists of fairly simple list, so I wanted to ask if anyone else is experiencing similar performance issues, or for advice on what am I doing wrong or how to speed things up. **To Reproduce** In my example are 2 buttons, which will navigate you to respective list, with time it took to fully transition in ms. **Expected behaviour** Similar render times to react-native components. **CodeSandBox/Snack link** [codesandbox template](https://snack.expo.dev/@vasafix/58e051) **Render times in ms** <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta name=ProgId content=Excel.Sheet> <meta name=Generator content="Microsoft Excel 15"> </head> <body>   | DEV | DEV | DEV | DEV | PROD | PROD | PROD | PROD -- | -- | -- | -- | -- | -- | -- | -- | -- Native Base | Android | Android | IOS | IOS | Android | Android | IOS | IOS   | Emulator | Samsung S21 | Emulator | Iphone 13 Pro | Emulator | Samsung S21 | Emulator | Iphone 13 Pro 1 | 1103 | 319 | 266 | 188 | 605 | 255 | 208 | 150 2 | 947 | 303 | 173 | 199 | 522 | 232 | 101 | 149 3 | 966 | 339 | 163 | 191 | 615 | 236 | 94 | 150 4 | 1069 | 306 | 157 | 191 | 496 | 211 | 101 | 150 5 | 919 | 307 | 154 | 1

Comments (0)

No comments yet. Start the discussion.

Comment on this issue