Config Driven UI Using React.js [Remote Talk]

We at Microsoft are rethinking the way we use React.js as frontend devs. Traditional React UI design patterns result in redundant code, making code maintainability cumbersome. By making UI config driven, we supercharged React components by making the config file a single source of truth.

The above approach made it easier to onboard new UI scenarios quickly and with minimal regression in the old UI flows, resulting in a significant reduction in dev efforts. The best part is that all the code was kept in TypeScript only – no XML or other declarative languages were used.

Vorkenntnisse

• React.js basics
  
• TypeScript/JavaScript basics

Lernziele

• New React.js design patterns, namely config driven UI pattern
  
• How the above design pattern helped reduce redundant code and reduced dev effort
  
• How to use Redux with the config driven design pattern