spectacle: write your slide decks in jsx
TRANSCRIPT
![Page 1: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/1.jpg)
SPECTACLEA REACTJS PRESENTATION LIBRARYWHERE YOU CAN WRITE YOUR DECKS IN JSX
VIEW ON GITHUBHit Your Right Arrow To Begin!
![Page 2: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/2.jpg)
Wait what?
![Page 3: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/3.jpg)
return ( <Deck transition={['zoom','slide']} transitionDuration={800}> <Slide bgColor="primary"> <Heading size={1} fit caps> React Presentations </Heading> <Heading size={2} fit caps> Written In React </Heading> </Slide> <Slide bgColor="black"> <Heading size={1} fit textColor="primary" textFont="secondary"> Wait What? </Heading> </Slide> <Slide bgColor="primary" textColor="black" align="center top"> <Heading size={1} textColor="black" textFont="primary"> Thats right </Heading> <List> <ListItem>Inline style based theme system</ListItem> <ListItem>Autofit Text</ListItem> <ListItem>react-router navigation</ListItem> <ListItem>PDF Export</ListItem> </List> </Slide> </Deck>)
![Page 4: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/4.jpg)
FULL WIDTHADJUSTABLE DARKNESSBACKGROUND IMAGERY
![Page 5: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/5.jpg)
FLEXIBLE LAYOUTSLEFT RIGHT
![Page 6: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/6.jpg)
Wonderfully formattedquotes
- Ken Wheeler
![Page 7: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/7.jpg)
SMOOTHCOMBINABLE TRANSITIONS
![Page 8: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/8.jpg)
Inline style based theme systemAutofit textFlexbox layout systemReact-Router navigationPDF exportAnd...
![Page 9: Spectacle: Write Your Slide Decks In JSX](https://reader030.vdocuments.mx/reader030/viewer/2022032620/55c56bd4bb61eb44738b47fc/html5/thumbnails/9.jpg)
YOUR PRESENTATIONS ARE INTERACTIVEThe button has been clicked 0 times
CLICK ME