playroom VS parabeac_core

In my day job, as part of our design system library ecosystem, we're building an internal code sandbox (think of it as a mix between Seek OSS Playroom and QuickPaste). It allows our users try the components from our component library (let's call it @wtf-ds/core) and any other supplementary React code right there in the browser, without having to create a new project in their own environment.

I'd love to hear from devs and designers who have experience with Playroom https://github.com/seek-oss/playroom ...

also, where does Storybook fit into tbe picture?

In Parabeac 4.0, Parabeac Cloud and parabeac_core’s latest update, we’ve simplified the way that components can be referenced. Now, you can directly reference a component as a child. Let’s jump into it!

Many development teams creating component packages in other frameworks will use tools like Storybook.js for testing. For Flutter, Widgetbook is one of the best options which is why parabeac_core now has the option to export the code to be immediately testable in Widgetbook. Here's how!

In partnership with our Parabeac Africa Chapter led by Will Odia, we are throwing our first challenge where you can win up to $300 USD by building an app prototype or component package using Figma, Flutter & Parabeac! You can use parabeac_core which is our open-source tool that converts Figma files into Flutter code or Parabeac Nest which is a web app that enables you to take the design file, generate code, and merge it into a Github repo.

Our open-source Figma to Flutter converter has been used across various projects. While many developers will include UI directly in their Flutter project, we learned that for other companies and projects, the best use case of Parabeac was generating components, particularly for projects looking to scale. With the uptrend of tools like Storybook & Component Isolation that help test & scale UI, we decided to add changes to parabeac_core that enables this development workflow.

It exists! Disclosure: I am an investor in the company behind this project.

https://github.com/Parabeac/Parabeac-Core

You can also create your own! Check out this wiki page to learn how to make your own or reach out to us in our discord community for help on making one!

Thanks to our amazing contributors, Parabeac-Core has Windows support through the Windows Subsystem for Linux (WSL2)! We added a walkthrough guide on how to set up WSL2 with Ubuntu and install the necessary dependencies to run parabeac-core. We're excited to expand into more devices and to hear from the Windows community! Check out the guide here! Thanks to @roel-de-vries, @Gulianrdgd, @snwagbata for putting together the guide!

Parabeac/Parabeac-Core