Document how to make components that render Slides
See original GitHub issueI’m trying to make a react component that produces a spectacle Slide
. I’ve run into a couple of problems that resulted in cryptic error messages (at least to me as a react novice) or mysterious misbehavior. Specifically, function-based components don’t seem to work, and all props
must be passed through to the slide even if no such props are visible in your presentation.js file.
The simplest possible custom slide component (as far as I’ve been able to determine) is therefore
class MySlide extends React.Component {
render() {
return <Slide {...this.props}>...</Slide>
}
}
It would be great if there were some documentation about this.
Issue Analytics
- State:
- Created 5 years ago
- Comments:11 (7 by maintainers)
Top Results From Across the Web
Pages, Page Elements, and Properties | Google Slides
Different page elements support different properties that control how the page element is rendered. Each page element kind has a corresponding properties ...
Read more >How to Build an Auto-Playing Slideshow with React - Tinloof
The trick. Our Slideshow component is divided in three containers: slideshow; slideshowSlider; slide. Here's a sketch to visualize the structure ...
Read more >How To Create Wrapper Components in React with Props
To create wrapper components, you'll first learn to use the rest and spread operators to collect unused props to pass down to nested...
Read more >Create your first component - Microsoft Learn
mkdir LinearInput. Open your LinearInput folder inside Visual Studio Code. The quickest way to start is by using cd LinearInput and then ...
Read more >Introduction to React JS Presentation - LinkedIn
Build Virtual DOM from components; Compile Virtual DOM to the string of markup ... Create component and render it to #myapp element.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
The comments in the first post helped me solve my problem. Animations started kicking in once I started spreading all my unused props to the child
Slide
component in my custom components.Not sure if it helps or is even related, but I’ve been building up my custom slides like these: