React 组件

我想学习 Rust 并想将其与 Go 进行比较。因此，我制作了一个简单的 CLI 工具来生成一些模板化的 React 组件文件。

安装

cargo install react-component

如何使用

react-component --help

react-component <component name> <...options>

示例

react-component Example --path src/components/examples

生成三个文件

• src/components/examples/示例.component.tsx

import React from 'react';

export type ExampleProps = {};

export const Example: React.ComponentType<ExampleProps> = ({}) => {
  return (<div>Example renders</div>);
};

• src/components/examples/示例.test.tsx

import { screen, render } from '@testing-library/react';

import { Example } from './Example.component';

describe('Example', () => {
  it('renders', () => {
    render(<Example />);
    expect(screen.getByText(/Example renders/)).toBeDefined();
  });
});

• src/components/examples/示例.stories.tsx

import { ComponentMeta, Story } from '@storybook/react';

import { Example, ExampleProps } from './Example.component';

const story: ComponentMeta<typeof Example> = {
  title: 'Example'
};

export const ExampleStory: Story<ExampleProps> = (args) => {
  return (<Example {...args} />)
};

export default story;