A neat naming convention for Styled Components 🤖 Humanoids
import React from 'react'
import { TouchableNativeFeedback } from 'react-native'
import * as Styled from './FloatingActionButton.styled'
import styled from 'styled-components'
const StyledCard = styled.div`...`
const StyledImage = styled.img`...`
const StyledDescription = styled.div`...`
const StyledCTA = styled.a`...`
export const Card = () => (
<StyledCard>
<StyledImage />
<StyledDescription />
<StyledCTA />
</StyledCard>
)
Styled Components Naming Convention
import $ from 'styled-components'
const $Card = $.div`...`
const $Image = $.img`...`
const $Description = $.div`...`
const $CTA = $.a`...`
export const Card = () => (
<$Card>
<$Image />
<$Description />
<$CTA />
</$Card>
)