An Introduction to Atomic React Component Design in SPFx and Beyond

Julie Turner

Microsoft MVP

When programming with ReactJS, which is a common choice when developing using the SharePoint Framework, how you architect your components can often be confusing.

This introductory session will walk through designing your components to mirror a common design principle called "Atomic Design" which was invented by web designer Brad Frost. This design pattern breaks web design into small chunks that when combined build beautiful solutions with reusability at its core.

We'll go into how to translate that design principle into component development which can help reduce code size, improve reliability and quality, and just make your life easier. As part of our examples, we'll be leveraging the HTWOO community built Fluent UI framework.