refactor #7
Comments
|
will do stateless components only |
|
propTypes -- maybe add this |
|
props for later https://zhenyong.github.io/react/docs/jsx-spread.html |
|
hard part, and essential passing components as props -- very common pattern in react land mixing switch with non state props (that do not live on the hub) |
import { App, Head, Body, Page, Menu } from '@vigour-io/swan'
const Carousel = props => <div>
<div>{ props.title }</div>
<div>{ props.items.map(p => <div>{ p.title }</div>) }</div>
</div>
const Grid = props => <div>
<div>{ props.title }</div>
<div>{ props.items.map(p => <div>{ p.title }</div>) }</div>
</div>
export default props => <App>
<Head />
<Body>
<Menu />
<Page>
{ props.currentPage.map(p => {
if (p.component === 'Carousel') {
return <Carousel title={p.title} items={p.items} />
} else {
return <Grid {...p} />
}
}) }
</Page>
</Body>
</App> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
COMPILER
RENDER-FN
use this repo to refactor to final version of brisky
brisky will become a 1 - 1 react compatible framework
The text was updated successfully, but these errors were encountered: