Baseweb: New showcase example on CodeSandbox

[IgorWilbert]

Feature description

I think it would be interesting to have an editable example in README, like the ones from Blueprint and Material (however the Material one may be too simple). I tried to run the example by @tajo on codesandbox, but had no luck so far. Apparently, the dependencies, as they are today, are too complex for codesandbox, as can be seen here. Does anyone else thinks that it would be interesting to have a slightly bigger example on README as some sort of showcase? If so, should we aim at making the example by @tajo run on codesandbox or incorporating it as a separate page inside the documentation? Or perhaps creating something new but more simple, just for codesandbox? Thanks!

[tajo]

The more examples, the merrier! CodeSandbox should work; however, without Fusion.js. Do you want to give it a shot?

[IgorWilbert]

Nice! Yes, I would like to. I will let you know how it goes :)

[IgorWilbert]

Hi @tajo ! Sorry for coming back to you so late, I had a tough week. I tried to follow the instructions to run your example, but got the following error:

When I tried to open https://unpm.uberinternal.com/baseui/-/baseui-5.4.0.tgz#b4606513b264b610e1cabc0347c6a4831d663faf on the browser, I was asked for a username and password, so I guess we would need to replace uberinternal.com dependencies for something public. Besides this, since we will need to remove fusion.js and you made a tutorial for your app on README, should I start from scratch, maybe using create-react-app?

[chasestarr]

try pulling the latest master. it should resolve the unpm issues

[tajo]

@IgorWilbert Oops, my bad. I committed wrong yarn.lock. It's fixed now.

[IgorWilbert]

No problem @tajo, now I was able to run the project, thank you for fixing it. Do you have any suggestion about where should I start working to remove fusion? Thanks!

[tajo]

I think you can keep Fusion? CodeSandbox has a Next.js template. Fusion is very similar to Next.js so I assume it should work in that environment as well. If not, I would replace Fusion with Next.js. Or there is create-react-app template as well. So this would be my preference:

1. Preserve Fusion
2. Use Next.js template
3. Use CRA template

[IgorWilbert]

Hey @tajo ! Just to keep you updated, I started a sandbox with Next.js and uploaded files manually. It automatically shifted to Node.js template, and seems to be working fine, as can be seen here. Apparently I was able to keep Fusion. I'll review it more carefully soon, as there seem to be some details missing. Thanks!

[IgorWilbert]

@tajo I reviewed it and it seems to be fine https://codesandbox.io/s/wonderful-rgb-18dxx .The console errors are the same that can be seen if you run the project. What would you like me to do with it? Transfer the sandbox to another account, add the link above to README, or something else?