React Styled Components

This is an extension for add React and Native components with Styled Components snippets.

Usage

This snippets can be write in .js files.

Structure

For this snippets works is really important create two files (index.js and styles.js), where index.js have be the component and styles.js have be the styled components.

Commands

react-component

• Create index.js body with react-component command.

import React from 'react';
import * as S from './styles';

export default function Component() {
    return (
        <>
        </>
    );
}

styled-component

• Create styles.js body with styled-component command.

import styled from 'styled-components';

export const Component = styled.Type`
   
`

generic-styled-component

• Create generic styled component Body with generic-styled-component command.

export const Component = styled.Type`
   
`

use-state

• Create useState hook

const [state, setState] = useState();

use-effect

• Create useEffect hook

useEffect(() => {
       
},[]);

use-context

• Create useContext hook

const context = useContext();