@capactio/react-components
v0.0.3
Published
This directory contains source code for the Capact React components.
Downloads
3
Readme
React components
This directory contains source code for the Capact React components.
React components is a library that contains reusable components for React.js, which helps building custom UI for Capact installations.
Prerequisites
- Node.js 17 installed.
- Installed dependencies according to the Install dependencies section from the main Readme.
Development
Run components explorer development server
To run the React components explorer UI in watch mode, run:
npm run storybook
Build components explorer
To built the components explorer UI static page, run:
npm run storybook:build
Other commands
npm start
Watches for changes to the library and builds its in real time.
npm test:watch
Launches the test runner in the interactive watch mode. See the section about running tests for more information.
npm test
Runs tests in the directory.
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
See the section about deployment for more information.
npm run generate-graphql-hooks
Introspects schema of the Capact Gateway GraphQL endpoint and generates TypeScript types and React hooks for the operations defined in *.graphql
files under src
directory.
Before you run this command, create the .env
file for your environment. For local Capact with default user basic auth, use:
cat > .env << ENDOFFILE
REACT_APP_CAPACT_GATEWAY_ENDPOINT="https://gateway.capact.local/graphql"
REACT_APP_CAPACT_GATEWAY_ENDPOINT_AUTH_HEADER="Basic Z3JhcGhxbDp0MHBfczNjcjN0"
ENDOFFILE
where:
REACT_APP_CAPACT_GATEWAY_ENDPOINT
is the Capact Gateway endpoint URL,REACT_APP_CAPACT_GATEWAY_ENDPOINT_AUTH_HEADER
is the authorization header used for any request to Capact Gateway.