Clean Code React Bad and Good Example

#webdev #react #javascript

https://www.wallpaperflare.com/reactjs-javascript-programming-programming-language-wallpaper-wybay

1. Conditional rendering only for one condition

Bad Example

Good Example

2. Conditional rendering on either condition

Bad Example

Good Example

3. Boolean Props

Bad Example

Good Example

4. String Props

Bad Example

Good Example

5. Event handler functions

Bad Example

Good Example

6. Passing components as props

Bad Example

Good Example

7. Setting state that relies on the previous state

Bad Example

Good Example

Happy Coding !