Stack & StackItem component migration to v9.

[daric81]

Hi, we use the v8 Stack and StackItem widely in our app. We are migrating v8 to v9 when components become stable. The stack shims provided still depend on @fluentui/react so long term thats a no go for us. Has anyone successfully implemented a stack component alternative in their app or taken on the shim source and removed the dependency on v8? We like the idea of using layout components so that all devs implement basic layout consistently.

[blendsdk]

I have the same problem. I have created a useStyle providing flex-box css and replaced the Stack with divs. It is ugly but gets the job done. I liked the Stack component. I think I am going to port my custom styles to a FlexBox (ish) component.

[mark-wiemer]

@spmonahan, a maintainer of this repo, recommends CSS grid and Flexbox. (#23793). @micahgodbolt, another maintainer, clarifies that there will be no layout components in v9 by design (#24450)

That said, there are docs for how to recreate Stack and Stack.Item on the v9 site: @fluentui/react - Stack.

As I'm facing the same problem, I'll probably be using this as a base implementation for a custom Stack component like @blendsdk.

[spmonahan]

@mark-wiemer Consider making a contrib package in fluentui-contrib. This is the contributing guide.

[mwiemer-microsoft]

Commenting on my work profile to reference this later :)

[mwiemer-microsoft]

It's been a year, and there is now a StackShim. I didn't make it though! https://react.fluentui.dev/?path=/docs/migration-shims-v8-stackshim--playground