News

Microsoft Garage's XAML Studio Does Real-Time UWP UI Changes

The Microsoft Garage initiative for experimental hacking projects championed by interns and staffers has come out with new projects including XAML Studio, used to smooth iterative development by quickly prototyping Universal Windows Project (UWP) apps.

XAML Studio lets coders see UI changes in their UWP apps immediately before being used in Visual Studio. Another new tool, called Team Retrospectives, is an Azure DevOps extension that boosts collaboration and productivity within the Azure Boards service.

XAML Studio
[Click on image for larger view.] XAML Studio (source: Microsoft).

Microsoft Garage is described as "Microsoft’s official outlet for experimental projects from small teams across the company to test a hypothesis, receive early customer feedback, and determine product market fit." It has produced tools like Ink to Code, which is also designed to quicken the prototyping of UWP apps, along with Android UIs.

The latest UWP prototyping tool, XAML Studio, was created by Michael Hawker, a senior software engineer with the Partner, Analytics, and Essential Experiences (PAX) team, who is also a contributor to the Windows Community Toolkit.

“When you’re in Visual Studio, you have a variety of tools available to make coding and laying out your UI easy, but it’s not always straightforward to visualize the final result," Hawker was quoted as saying in a Jan. 16 blog post. "So, I thought to myself, 'What could I do to add to this experience?' XAML Studio is about that quick prototyping loop. Using this tool, I can type my XAML and see how it renders right away. Then, I can interact with it and explore how it behaves before it goes in my app.”

Features include:

  • Rapidly Prototype UWP XAML UIs with Live Edit and Interaction
  • Binding Debugger
  • Data Context Editor
  • Auto-save and restore Documents
  • IntelliSense
  • Documentation Toolbox
  • Alignment Guides
  • Namespace Helpers

"XAML Studio also includes a suite of tools to help you develop," the item's description reads on the Microsoft site. "Provide Data Context to your UI to fill it with static test data or live data from a JSON REST API. Then use our revolutionary binding debugging to not only see how a back-end data source connects to the front-end UI, but spot where errors are occurring and what the most recent values were."

Team Retrospectives, meanwhile, is described as "an extension for Azure DevOps that provides a first-class experience for retrospectives and general feedback board scenarios. Collect feedback on your project milestones, organize and prioritize, and create and track actionable tasks to help your team improve over time. Optimized for both desktop and mobile. Celebrate the good, improve the bad, and increase productivity with Team Retrospectives." The free tool has been installed 413 times, earning an average 3.8 (0-5 scale) rating from five developers who reviewed it.

About the Author

David Ramel is an editor and writer for Converge360.

comments powered by Disqus

Featured

  • Creating Reactive Applications in .NET

    In modern applications, data is being retrieved in asynchronous, real-time streams, as traditional pull requests where the clients asks for data from the server are becoming a thing of the past.

  • AI for GitHub Collaboration? Maybe Not So Much

    No doubt GitHub Copilot has been a boon for developers, but AI might not be the best tool for collaboration, according to developers weighing in on a recent social media post from the GitHub team.

  • Visual Studio 2022 Getting VS Code 'Command Palette' Equivalent

    As any Visual Studio Code user knows, the editor's command palette is a powerful tool for getting things done quickly, without having to navigate through menus and dialogs. Now, we learn how an equivalent is coming for Microsoft's flagship Visual Studio IDE, invoked by the same familiar Ctrl+Shift+P keyboard shortcut.

  • .NET 9 Preview 3: 'I've Been Waiting 9 Years for This API!'

    Microsoft's third preview of .NET 9 sees a lot of minor tweaks and fixes with no earth-shaking new functionality, but little things can be important to individual developers.

  • Data Anomaly Detection Using a Neural Autoencoder with C#

    Dr. James McCaffrey of Microsoft Research tackles the process of examining a set of source data to find data items that are different in some way from the majority of the source items.

Subscribe on YouTube