Skip to main content

Styled Components - along with Material-UI

This guide aims to document the most popular alternatives, but you should find that the principals applied here can be adapted to other libraries. There are examples for the following styling solutions:

https://material-ui.com/guides/interoperability/



https://emotion.sh/docs/styled

Comments

Popular posts from this blog

check variable undefined with quokka

// listingId = '', 0, null, undefined, false //let listingId if ( typeof listingId === 'undefined' ) console . log ( 'listingId is undefined' ) else console . log ( listingId ) if (!! listingId ) console . log ( listingId ) else console . log ( 'listingId does not found' ) if ( listingId ) console . log ( listingId ) else console . log ( 'listingId does not found' ) if ( listingId === undefined ) console . log ( 'listingId does not found' ) else console . log ( listingId )

lazy loading image - photos carousel

import Carousel from 'react-material-ui-carousel'  https://levelup.gitconnected.com/lazy-loading-images-in-react-for-better-performance-5df73654ea05 < Carousel autoPlay = {false} navButtonsAlwaysVisible = {true} > { ( photos || []). map (( photo , i ) => ( < PhotoViewCard key = { i } photo = { photo } /> )) } </ Carousel >