Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
@indec/react-commons
Advanced tools
https://indec-it.github.io/react-commons/
We've created this package to share components and logic between our different projects.
We use Storybook, it allows you to test and see how each component works without install the package in your project.
Our components are built with Chakra-ui. In our previous versions of react-commons, components were built with Reactstrap but we realized that we needed to add more custom styles so we decided to move to Chakra.
$ npm install @indec/react-commons
To start storybook you must run the following command:
$ npm start
Storybook will be open in your default browser at http://localhost:6006.
The project is split into the following directories. When writing code, use the following guidelines to determine where it should be placed. You can also take a look at the code yourself for in-depth examples.
src/
components/
hooks/
constants/
theme/
utils/
src/components
Here you must add your React`s components.
src/hooks
Here you must add your custom hooks.
src/constants
Constants to be shared for the whole application.
src/theme
Custom theme for components.
src/utils
Functions to be shared for the whole application.
These are the core dependencies you'll need to get acquainted yourself with:
To run the tests you must run the following command:
$ npm run test
When writing tests, make sure to use the following format to keep the tests clean and consistent:
import {getByText} from "@testing-library/react";
import Button from "./Button";
describe("<Button>", () => {
let props;
const getComponent = () => render(Button, props);
beforeEach(() => {
props = {
children: "Label"
};
});
afterEach(tearDown);
it("should render `props.children`", () => {
const {container} = getComponent();
expect(getByText(container, props.children)).toBeInTheDocument();
});
describe("when `props.plus` is `true`", () => {
beforeEach(() => {
props.plus = true;
});
it("should render a plus character", () => {
const {container} = getComponent();
expect(getByText(container, `+ ${props.children}`)).toBeInTheDocument();
});
});
});
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
FAQs
Common reactjs components for apps
The npm package @indec/react-commons receives a total of 12 weekly downloads. As such, @indec/react-commons popularity was classified as not popular.
We found that @indec/react-commons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.