How to create Modular and Scalable UI systems in Unreal Engine

How many times have you tried developing a UI system, but ended up with a messy and hard to manage solution?

You are wondering, what is a better way to communicate data between gameplay code and UI? Should you create and remove Widgets, or hide and show them? How can you manage different panels and popups?
What causes poor optimization for your UI System?

In this video, we'll go over some of the Best Practices we can apply to create a modular, scalable and optimized UI System in Unreal Engine.

--------------------------------------------------------------------------------
Resources:
https://www.unrealengine.com/en-US/te...
https://docs.unrealengine.com/en-US/I...
https://benui.ca/unreal/ui-best-pract...
https://joyrok.com/UMG-Layouts-Tips-a...
   • Advanced UI Templating Techniques usi...  
https://www.gamedeveloper.com/program...
   • Best Practices for Creating and Manag...  
   • Optimizing and Building UI for AAA Ga...  
   • 'God of War Ragnarök': Building the U...  
https://github.com/YawLighthouse/UMG-...
   • Lyra Cross-platform UI Development | ...  
   • Unite Austin 2017 - Game Architecture...  
https://docs.unrealengine.com/en-US/u...

--------------------------------------------------------------------------------
Project Files:
https://drive.google.com/file/d/183PQ...

--------------------------------------------------------------------------------
Timestamps:
00:00 Intro
01:33 How can we iterate on UI design faster?
02:33 How to avoid duplicating widgets?
03:33 How to manage UI Panels and Popups?
06:00 How can we decouple gameplay and UI communication?
08:05 What can affect UI Performance?
08:45 How can we reduce UI draw calls?
09:30 What's the best way for UI Animations?
10:51 Should we Create and remove widgets? Or hide and show them?
11:59 Collapsed or Hidden?
12:17 Not Hit Testable or Visible?
12:45 Are Canvas Panels Efficient?
13:26 How to space widgets efficiently?
13:53 How can we avoid Hard References?
14:35 Custom Icon Fonts
16:25 What is SMeshWidget?
18:27 Outro