React Performance

React javascript framework.

Planning

Best Practice Workflow with React.

• Identify your component's different visual states
• Determine what triggers those state changes
• Represent the state in memory using useState
• Remove any non-essential state variables
• Connect the event handlers to set the state
• How much complexity?
• Should complexity be handled at the server?
• Where will testing provide greatest value?

Profiling

• Performance Profiling
• Github Reassure

Architecture

Origin story at Facebook.

Common Pitfalls

• Lack of planning
• Perils of rehydration

Tips

• Write HTML correctly
• React Developer's Roadmap
• Visual Guide
• Enterprise Folder Structure