Debugging as a Skill

Transcript

1. Debugging as a Skill. D A A S @hi_man_shoe
2. Debugging. - Need for debugging? - Understanding basic aspect for Debugging. - Leveraging Android Studio for our use case. - Debugging Compose Code. @hi_man_shoe
3. What is debugging? @hi_man_shoe
4. The process of isolating and removing defects in software code. “ “ @hi_man_shoe
5. Debugging 101. fun testForPrintln() { val loggedInUser = getUser() println(loggedInUser) } @hi_man_shoe
6. Debugging 101. fun testForPrintln() { val loggedInUser = getUser() println(loggedInUser) } fun testForPrintln() { val loggedInUser = getUser() println(loggedInUser) } @hi_man_shoe
7. Debugging 101. fun testForPrintln() { val loggedInUser = getUser() println(loggedInUser) } fun testForPrintln() { val loggedInUser = getUser() println(loggedInUser) } Output @hi_man_shoe
8. Debugging 102. fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) } @hi_man_shoe
9. Debugging 102. fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) } fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) } Output
10. Debugging 102. fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) } fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) }
11. Debugging 102. fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) } fun testForLogger() { val loggedInUser = getUser() Log.d(TAG,loggedInUser.toString()) }
12. Types. - Debug (Log.e) - Verbose (Log.v) - Info (Log.i) - Warn (Log.w) - Error (Log.e) - WTF! (Log.wtf) : What a Terrible Failure @hi_man_shoe
13. Android Debugger : 201. - Debug the data loading/sequence in App - Can select the point to specifically check - Verify and move on! @hi_man_shoe
14. Android Debugger : 201. @hi_man_shoe
15. Android Debugger : 201. breakpoint @hi_man_shoe
16. Android Debugger : 201.
17. Android Debugger : 201. Re-run the app @hi_man_shoe
18. Android Debugger : 201. Stop the debugging fl ow @hi_man_shoe
19. Android Debugger : 201. Continue execution. @hi_man_shoe
20. Android Debugger : 201. Step into next line from breakpoint @hi_man_shoe
21. Android Debugger : 201. Step into the function @hi_man_shoe
22. Android Debugger : 201. Step out of the function @hi_man_shoe
23. Android Debugger : 201. Gives a list of all Breakpoints
24. Android Debugger : 201. Mutes all the breakpoints
25. Android Debugger : 201. @hi_man_shoe
26. Android Debugger : 201. Running on Main threads @hi_man_shoe
27. Android Debugger : 201.
28. Android Debugger : 201. @hi_man_shoe
29. Profiler : 202. - To improve performance issues on your app. - Helps us identify the issues. - Can help in CPU, memory, graphics, network, or the device battery. - Is natively available in Android Studio out of box! @hi_man_shoe
30. Profiler : 202. View > Tool Window > Pro fi ler @hi_man_shoe
31. Profiler : 202. The package @hi_man_shoe
32. Profiler : 202. @hi_man_shoe
33. Profiler : 202. CPU Usage of app in your device @hi_man_shoe
34. Profiler : 202. Memory used by the app @hi_man_shoe
35. Profiler : 202. @hi_man_shoe
36. Profiler : 202. @hi_man_shoe
37. Profiler : 202. Stats at any moment
38. Profiler : 202. @hi_man_shoe
39. Profiler : 202.
40. Profiler : 202. @hi_man_shoe
41. Going back to Memory Profiler @hi_man_shoe
42. Profiler : 202. @hi_man_shoe
43. Profiler : 202. @hi_man_shoe
44. Profiler : 202. Java @hi_man_shoe
45. Profiler : 202. Native @hi_man_shoe
46. Profiler : 202. Graphics and so on! @hi_man_shoe
47. Profiler : 202. Lets see Heap Dump? @hi_man_shoe
48. Profiler : 202. Heap dump recording
49. Profiler : 202. Classes in the code. @hi_man_shoe
50. App Inspection : 301. View > Tool Window > App Inspection @hi_man_shoe
51. App Inspection : 301. Lets you inspect Databases/Datastore @hi_man_shoe
52. App Inspection : 301. Inspect API calls :D @hi_man_shoe
53. App Inspection : 301. Inspect Workers! @hi_man_shoe
54. Database Inspection : 401. src: https://developer.android.com @hi_man_shoe
55. src: https://developer.android.com Write queries to test your DAO! Database Inspection : 401. @hi_man_shoe
56. Network Inspection : 402. @hi_man_shoe
57. Network Inspection : 402. Rules to manipulate response
58. Background Tasks: 403. Inspect Workers! @hi_man_shoe
59. UI Debugging : Compose. @hi_man_shoe
60. Problem? @hi_man_shoe
61. Problem? Rendering Performance Janks UI performance @hi_man_shoe
62. I/Choreographer: Skipped 115 frames! The application may be doing too much work on its main thread. @hi_man_shoe
63. UI Debugging : 501. - Help us build performant UI - Let us understanding places to improve/fix - Build global UI for 1000s of Phone and share best user experience. @hi_man_shoe
64. Layout inspector Layout inspector: 502 @hi_man_shoe
65. Layout inspector: 502 - Helps debug Layout - Gives count for Recomposition/Skips in Composable @hi_man_shoe
66. Layout inspector: 502 @hi_man_shoe
67. Layout inspector: 502 Recomposition count
68. Layout inspector: 502 Recomposition Skip count
69. Layout inspector: 502
70. Profiling HWUI : 503. Settings > Developer Option > Monitoring > Pro fi le HWUI rendering. @hi_man_shoe
71. Profiling HWUI : 503. - Each Screen has its own bar graph representing the UI changes. - vertical bar is a individual frame. - And height of it shows the time (ms) it took to render. @hi_man_shoe
72. Profiling HWUI : 503. Consider it threshold (16.67 ms) @hi_man_shoe
73. GPU Overdraw : 504. - The drawn pixels are not visible in the view displayed to the user - Can reduce performance. - More battery usage. - Bad user experience. @hi_man_shoe
74. GPU Overdraw : 504. src: https://developer.android.com/topic/performance/rendering/inspect-gpu-rendering
75. GPU Overdraw : 504. Settings > Developer Option > Hardware accelerated rendering > Debug GPU Overdraw. @hi_man_shoe
76. Fixing GPU Overdraw : 504. - Reduce nested layouts - Use inline Composables like Rows and Columns - Optimizing backgrounds and backgroundColor - Less recompositions in Composable and persisting state values in scope of composable. @hi_man_shoe
77. Strict Mode : 505. A developer too which detects things you might Be doing by accident and bring them to your attention so we can fi x. “ “ @hi_man_shoe
78. Strict Mode : 505. override fun onCreate() { super.onCreate() if (BuildConfig.DEBUG) { StrictMode.setThreadPolicy( StrictMode.ThreadPolicy.Builder() .detectAll() .penaltyLog() .build() ) StrictMode.setVmPolicy( StrictMode.VmPolicy.Builder() .detectAll() .penaltyLog() .build() ) } } @hi_man_shoe
79. Strict Mode : 505. override fun onCreate() { super.onCreate() if (BuildConfig.DEBUG) { StrictMode.setThreadPolicy( StrictMode.ThreadPolicy.Builder() .detectAll() .penaltyLog() .build() ) StrictMode.setVmPolicy( StrictMode.VmPolicy.Builder() .detectAll() .penaltyLog() .build() ) } } @hi_man_shoe
80. Strict Mode : 505. override fun onCreate() { super.onCreate() if (BuildConfig.DEBUG) { StrictMode.setThreadPolicy( StrictMode.ThreadPolicy.Builder() .detectAll() .penaltyLog() .build() ) StrictMode.setVmPolicy( StrictMode.VmPolicy.Builder() .detectAll() .penaltyLog() .build() ) } } @hi_man_shoe
81. Compose Compiler Report : 506. The compose compiler report generates report to determine which of you composable are skippable and which are not! @hi_man_shoe
82. Compose Compiler Report : 506. subprojects { tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).con fi gureEach { kotlinOptions { if (project. fi ndProperty("composeCompilerReports") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } if (project. fi ndProperty("composeCompilerMetrics") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:metricsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } } } }
83. Compose Compiler Report : 506. subprojects { tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).con fi gureEach { kotlinOptions { if (project. fi ndProperty("composeCompilerReports") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } if (project. fi ndProperty("composeCompilerMetrics") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:metricsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } } } }
84. Compose Compiler Report : 506. subprojects { tasks.withType(org.jetbrains.kotlin.gradle.tasks.KotlinCompile).con fi gureEach { kotlinOptions { if (project. fi ndProperty("composeCompilerReports") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:reportsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } if (project. fi ndProperty("composeCompilerMetrics") == "true") { freeCompilerArgs += [ "-P", "plugin:androidx.compose.compiler.plugins.kotlin:metricsDestination=" + project.buildDir.absolutePath + "/compose_compiler" ] } } } }
85. Compose Compiler Report : 506. ./gradlew assembleRelease -PcomposeCompilerReports=true @hi_man_shoe
86. • module-class.txt : A report on the stability of classes in this • module-composables.txt : A report on how restartable and skippable the composables are. • module-composables.csv : A CSV Version of report. Compose Compiler Report : 506. @hi_man_shoe
87. composables.txt restartable scheme("[androidx.compose.ui.UiComposable]") fun ServerList( stable index: Int unstable servers: List<Servers> stable OnServerClick: Function1<Long, Unit> stable modi fi er: Modi fi er? = @static Companion ) @hi_man_shoe
88. composables.txt restartable scheme("[androidx.compose.ui.UiComposable]") fun ServerList( stable index: Int unstable servers: List<Servers> stable OnServerClick: Function1<Long, Unit> stable modi fi er: Modi fi er? = @static Companion ) @hi_man_shoe
89. Fix. @Immutable data class ServerCollection( val servers: List<Server> = emptyList(), ) @hi_man_shoe
90. Or. @Immutable data class ComposeCollection<T>(val data: List<T>) @hi_man_shoe
91. Pull Request Run the Compiler check Comment in PR Compose Compiler Report : 506. @hi_man_shoe
92. Memory Leaks : 506. Cannot release the unused memory allocation from memory! “ “ @hi_man_shoe
93. - Wrong Usage of Threads. - Context :D - Patterns like Singleton. - Deregistering callbacks? Memory Leaks : 506. @hi_man_shoe
94. - Check for OutOfMemoryError :D - Start using LeakCanary (https://square.github.io/leakcanary/getting_started/) Memory Leaks : 506. @hi_man_shoe
95. Thank you. @hi_man_shoe