inferno-presenter
This is a framework to build beautiful web slides. It is based on inferno and rxjs to provide high performance and extensibility.
Creating a inferno-presenter project
To get started, you should create an npm package and install the inferno-presenter library:
npm initnpm i -D inferno-presenter webpack webpack-dev-server
In your package.json
file you can now insert the following scripts:
Alternatively you can use the docker image to get everything up and running quickly.
Getting started
Now you should be able to generate the basic project layout and shoot up the development server with the npm start
script:
npm start
Slides
- You can place your slides within
src/slides
and they will be automatically picked up. - By now we support
.tsx
,.jsx
and.md
slides. They will all be converted to inferno components. - All slides have to implement the Slide interface:
- Take a look at the demo directory for some inspiration.
Styles
- Base styles are placed in
src/main.scss
- If you want to apply styles to your single slides, you can place a
.sass
,.scss
or.css
file with the same basename next to the slide file. You can use the slide id to restrict the styles to the context.