Thread by @akramnarejo

2/100 days of learning React.
export default vs named components in react.
In react view is built with components. components are exported before importing them.
Two way we export them either as default or named.
know more 👇🧵

#reactjs #javascript #100DaysOfCode

1. default
default is used when we export single component and considered default and while importing its name doesn't matter.

Compo = () => { return <p>hello, world</p> }
export default Compo

Import with other name won't mind.
import X from './Compo'

2. Named
we export named when we hav multiple.
& they require d same name while importing within {}.

export Comp1 = () => { return <p>Hello</p> }
export Comp2 = () => { return <p>World</p> }

Importing...
import {Comp1,Comp2} from './Compo'

while rendering wrap them with div.

let me know if you found it informative. if yes retweet to share with others.