Measuring

React Native
Application

Zidni Ridwan Nulmuarif

“If you cannot measure it
you cannot improve it”
- Lord Kelvin
Things
Measuring Things
01
Error & Performance
Measuring Error and Performance
02
Documentation
Measuring Documentation
03
Additional
Additional Things For Improvement
04
 (Section 1)

I Things
Things Better Don’t And Do
1. Heavy Use of Inline Styles

✅
2. Anonymous function

✅
3. Cross-Platform Compatibility

1. Fontstyle
2. Safeareview
3. Margin and Padding
4. App State (In App, Foreground, Background)
5. Privacy And Rules
6. Permission
4. Any type

✅
5. Advance Types In TS

https://www.typescriptlang.org/docs/handbook/advanced-types.html

For Example Omit

6. PureComponent || useCallback, useMemo
7. Stay up to date

1. Daily Dev Extension

2. https://www.react-native.eu/
3. Medium
4. https://reactnative.dev/community/staying-
updated
5. Quora, Substack, Dev.to
6. https://www.youtube.com/@SoftwareMansi
on
7. Udemy
8. Techcrunch
9. Tnw
10. Etc
8. Productivity and Journaling
1. Write Things DO
2. Journaling The Day
3. Make Estimation
4. Use Extension/Tools (AI
Tools, Generated Online)
9. Bookmarking Or Instapapper
 (Section 2)

I Error & Performance

Tools Error
1. https://docs.sentry.io/platforms/react-native
Setup
Tools Performance
1. https://shopify.github.io/react-native-performance/
2. https://www.docs.developers.amplitude.com/data/sdks/react-native/
#user-properties
Result And Code
Dashboard Amplitude
 (Section 3)

I Documentation
Meaningful name and some
comment is a Docs
Storybook
https://storybook.js.org/addons/@storybook/addon-react-native-
 (Section 4)

I Additional
1.Debugging
1. reactotron
2. react-native-debugger
3. Inspect Elements
4. Flipper
2.Code Quality
1. SonarQube
run node sonarqube-scanner.js
3.Graphics
1. SVG
2. PNG
3. Lottie
4. Skia
4.Testing
1. Jest/ Enzyme (Unit Test)
2. react-testing-library (Integration Testing)
3. E2E (Detox, Appium)
5. Controlled vs Uncontrolled
Components

Form : setState VS Formik or React Hook Form

Question?