Carbon Labs: React Support

[jeffchew]

In order to allow for early experimentation/innovation, we should allow for the creation of React components in Carbon Labs. This work at a high level should consider:

• Potentially have two workspace folders to separate between web components and react experiments
• Blend web components and react in a single Storybook instance, and separate into categories in the Storybook left navigation between "Web Components (framework agnostic)" and "React components".
• Boilerplate React component for contributors to have a starting point

The ideal state is that when a component becomes more mature, the ability to migrate to a place like Carbon React would be a simple copy/paste. This would mean that the way the components are structured and built so emulate how they are ultimately built in Carbon React proper.

Similarly, this would be a continued consideration between Carbon Labs web components and Carbon Web Components to be able to copy/paste seamlessly when components are graduated.

This would be an initiative that would greatly help alleviate the intake of novel components before they become stable and graduate to Carbon for IBM Products.

Repository: https://github.com/carbon-design-system/carbon-labs

Tasks

Preview Give feedback

1. Carbon Labs: Update existing folder structure to separate web components and react components, add required dependencies to match @carbon/react #273
   3 of 4
   +0
   
2. Carbon Labs: Create separate scripts for building and releasing React components under the "@carbon-labs/*" scope #265
   role: dev 🤖 type: infrastructure 🤖 +2
   
3. Carbon Labs: Add react component boilerplate example #263
   role: dev 🤖 type: infrastructure 🤖 +2
   
4. Carbon Labs: Add web component boilerplate example #264
   role: dev 🤖 type: infrastructure 🤖 +2
   
5. Carbon Labs: URL Strategy #323
   role: dev 🤖 type: infrastructure 🤖 +2
   
6. Carbon Labs: Add guide for how to contribute to Carbon Labs in root storybook page #330
   documentation role: dev 🤖 +2