Tired of messy Typescript and inconsistent PCF projects? Want to speed up your delivery, improve code quality and transform your custom projects? Need a standard way of working across all your components?

This lab will take a novice React developer 🧑‍💻to the next level, allowing them to provide enhanced user interfaces beyond the standard, utilising themes common with full-stack developers. It will also provide you with approaches to utlising Gen AI across your development and user interfaces, whether Copilot, Claude or others. It will also highlight some common mistakes to watch out for, particularly with new devs (or new AI tooling)

In this lab, we’ll build PCF controls together, using a robust, reusable architecture that brings clarity and structure to every solution.

We’ll dive into how output properties supercharge your controls, enabling dynamic interactions across the form and unlocking powerful, responsive behaviours. By working through a living example and creating code together, this session will enable you for the next wave user interfaces.

If you want to build PCF controls that are not just functional but future-proof, this session is your next step.

Agenda
1. Intros and setting up your environment.
2. What is mobx - building your first view
3. Defining interactions and improving performance
4. Github Copilot in action
5. Reviewing Generated Apps