shared-store-cross-framework

Shared Store Cross Framework Example

This example demos a Vue3 in React application which shares the same store.

• shell is the host application made with react wich display a counter based on the shared-store state
• shared-store exposes a counter state using a tiny framework agnostic store named Effector.
• react-counter exposes two buttons which an increment and decrement the counter using the shared-store
• vue-counter exposes two buttons which an increment and decrement the counter using the shared-store

Running Demo

Code Sandbox Code Sandbox's fullscreen demo\

Run it locally

Run yarn to install the dependencies.
Run pnpm run start to build and serve the shell, shared-store, react-counter and vue-counter at once.

The shell will be accessible on localhost:3001

Running Cypress E2E Tests

To run tests in interactive mode, run npm run cypress:debug from the root directory of the project. It will open Cypress Test Runner and allow to run tests in interactive mode. More info about "How to run tests"

To build app and run test in headless mode, run yarn e2e:ci. It will build app and run tests for this workspace in headless mode. If tets failed cypress will create cypress directory in sample root folder with screenshots and videos.

"Best Practices, Rules amd more interesting information here