ut-prime v2.84.2
UT React component library ut-prime
This module implements React components, for use in building
web applications with the UT framework. The library exports
wrapped PrimeReact
components
and also locally developed components, which are called UT components
.
The idea of wrapped components
is to have a central place
to handle tasks like:
- Controlling used versions of external components
- Fixing bugs
- Extending external components with additional functionality
The idea of UT components
is to create components
for functionality not available in PrimeReact
or higher order components based on existing ones.
All the UT components
must follow these rules:
- Implemented as function components
- Written in TypeScript, to enable parameter checking during usage.
- Have a
README.md
file, with basic usage instructions. - Have a
.stories.tsx
file, with example usage. - Have a
.test.tsx
file, with unit test. - Have a
.types.tsx
file, with a type definition of component's parameters - Use Material-UI's styling solution, based on JSS, where applicable.
Usage
The library is published in a transpiled form, in commonJS format, so that it can be used with Webpack, but without the need to use Babel.
Import individual components using this pattern:
import SomeComponent from 'ut-prime/core/SomeComponent';
Check README.md
files of the components for further info.
A link to the storybook of all components is available in
the project links below.
Project links
- Continuous Integration (Jenkins)
- Static Code Analysis (SonarQube)
- Component library storybook (Chromatic)
Library development tasks
1) Test components in storybook, with React fast refresh:
npm run storybook
1) Run automated unit tests locally before pushing to git:
npm run jest
or
node runjest
1) Expose a wrapped PrimeReact
component:
Add it to ./src/components/prime/index.ts
1) Create a new UT component
:
npm run generate:component ComponentName
- Implement the component's logic in the files in the folder
src/components/ComponentName
Export the new component in src/components/index.ts
export { default as ComponentName } from './ComponentName';
Advanced dev patterns
- When cloned in the dev folder within an implementation:
- remove the
react
andreact-dom
dependencies frompackage.json
- run
npm install
within ut-prime - run
npm start
within ut-prime to rebuild on each change - run webpack in the implementation
- remove the
When cloned in ut/ut/node_modules, only install these dependencies:
"@babel/cli@^7.17.10", "@babel/core@^7.18.5", "@babel/plugin-proposal-class-properties@^7.17.12", "@babel/plugin-transform-runtime@^7.18.5", "@babel/preset-env@^7.18.2", "@babel/preset-react@^7.17.12", "@babel/preset-typescript@^7.17.12", "@babel/runtime@^7.18.3", "@storybook/testing-library@^0.0.13", "@testing-library/react@^12.1.5", "@testing-library/user-event@^14.2.6"
15 days ago
23 days ago
3 months ago
7 months ago
7 months ago
7 months ago
5 months ago
5 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
9 months ago
9 months ago
9 months ago
9 months ago
7 months ago
7 months ago
9 months ago
11 months ago
11 months ago
11 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
1 year ago
2 years ago
1 year ago
2 years ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago