Feature/add code generator of component

[doutori]

Todo

• Code Generating of React Component and its test.
  • Using hygen
• you may select Component Type, and input Component Name.

A Difference of Component Type

Pages Type

• Component is created in pages/ dir.
• Test Code is created in src/pages/__test__ dir.

Default Type

• Component is created in src/component dir.
• Test Code is created in src/component/__test__ dir.
• File or Directory name is Pascal cased.

Screen shot

If the file exists, ask for confirmation of the override.

Generated Code Samples

Sample.tsx

import * as React from 'react';

export type SampleProps = {};

const Sample: React.FC<SampleProps> = () => {
    return <div>Functional Component</div>;
};

export default Sample;

sample.test.tsx

/* eslint-env jest */
import * as React from 'react';
import { render } from '@testing-library/react';

import Sample, { SampleProps } from '~/components/Sample';

describe('sample', () => {
    let props: SampleProps;

    // Initialize
    beforeEach(() => {
        props = {};
    });

    it('renders without errors', () => {
        const { container } = render(<Sample {...props} />);
        expect(container).not.toBeNull();
    });
});

[doutori]

Redux Action Generator is WIP.