jav-make-component

MakeJaviComponent

MakeJaviComponent is an interface for creating components quickly, using a component structure that I use a lot in my Front-End developments.

The modules necessary to correctly implement this library are:

• React
• TypeScript
• Styled-Components

How to use

Create a component called Footer with the module.

npx jav-make-component Footer

It will create a folder with the name of the described component (in this case it will be Footer).

Inside it will create three files with the initial configuration.

index.tsx

import { IFooter } from './types'
import { Container } from './styles'

const Footer: React.FC<IFooter> = () => {
  // BODY OF COMPONENT
  return (
    <Container>
        <p>Footer is alive.</p>
    </Container>
  )
}

export * from './types'
export default Footer

styles.tsx

import styled from 'styled-components';

export const Container = styled.div``;

types.ts

// Types for Footer

export interface IFooter {}

Conclusion

I created this tool to speed up my developments, it is based on Angular CLI, anyone who can help you improve your development speed is welcome to use it :D.