The movies repo is a react-based demo project showcasing a wide variety of component use-cases with examples of how to implement:
- Regular UI components, with and without theming
- React hooks
- React Context
- including a generic React Context Factory
- css-only components
- A custom development environment, based on bit's core
react
env - including overrides of webpack, ts, and jest configurations, as well as some env-defined dependency configurations for components using the env.
Exported components can be seen here
If you would like to import(clone) the project to take it for a test run make sure you have bit installed.
npm i -g @teambit/bvm
bvm install
Create an empty workspace - the second argument after new
is the workspace name, and is up to you (skip this step if you want to import the components into an already created workspace)
bit new react movies --empty
Use the bit import
command to import all components into your workspace. This is similar to cloning a project.
bit import "learn-bit-react.movies/*"
Copy the workspace.jsonc
file from this repository and replace the one in your workspace. This will ensure you have the correct dependencies and environments set.
Start the dev server
bit start
You should now see all the ecommerce components on localhost:3000