Skip to content

Examples of multiple types of react-based bit components - basic ui, hooks, context, css-only, theme,

License

Notifications You must be signed in to change notification settings

bit-demos/movies

Repository files navigation

Movies Demo - bit component showcase in React

The movies repo is a react-based demo project showcasing a wide variety of component use-cases with examples of how to implement:

  1. Regular UI components, with and without theming
  2. React hooks
  3. React Context
  4. including a generic React Context Factory
  5. css-only components
  6. 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

CleanShot 2021-08-10 at 19 48 13@2x

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

About

Examples of multiple types of react-based bit components - basic ui, hooks, context, css-only, theme,

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published