Tao of React - Software Design, Architecture & Best Practices

Tags

Top Highlights

• Favor functional components

• Stick to the same style for your components.

• Always name your components.

• 👎 Avoid nesting functions which don't need to hold a closure.

• Place the helper functions after the component

• Extract them and pass only the values they need

• Use a configuration object and loop through the items instead.

• if you have too much functionality, split it in smaller components and call them instead.

• When something needs more clarity open a code block and provide the additional information just like you would in a regular function.

• Wrap elements on the screen that can exist separately to avoid cascading failures.