React – Cheat sheet

Coding

Keep components simple

• Create components as minimal as possible, few lines of code each, to avoid enormous states

• Separate side effects, business logic from UI as possible

Refactor codes regularly

because

• Update library to use new patterns, concepts
• Code complexity grows with time
• Deprecate features

Use advanced features

• References, context
• HOC
• Advanced JS pattern, functions
• Memoization

Do & Don’t

react-do-s-and-don-t-s-rru-158

Useful extensions

Security

• Vuln Cost – Security Scanner
  https://marketplace.visualstudio.com/items?itemName=snyk-security.vscode-vuln-cost
  https://podcasts.apple.com/us/podcast/jsj-456-developer-first-security-security-tooling-for/id496893300?i=1000497050785

Utilities

• Import Cost
  https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

Test

• Website performance test
  https://www.webpagetest.org/