WinFormForReact (WFfR)

Visual React + Bootstrap designer for Visual Studio Code.

How to open

1. Install the extension in Visual Studio Code.
2. Press Ctrl+Shift+P to open the Command Palette.
3. Type WFfR: Open Designer.
4. Press Enter.

The designer opens in a new VS Code tab.

Basic use

1. Drag controls from the Toolbox onto the canvas.
2. Edit selected control properties in the Properties panel.
3. Use Preview to check the page and Code to view the generated React component.

Generated code

The extension generates a React component using Bootstrap classes.