https://github.com/rootstrap/workshop-react
https://github.com/rootstrap/workshop-react
Last synced: 20 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/rootstrap/workshop-react
- Owner: rootstrap
- License: mit
- Created: 2021-08-23T19:21:03.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-02T19:29:00.000Z (almost 5 years ago)
- Last Synced: 2025-09-06T03:43:10.795Z (10 months ago)
- Language: JavaScript
- Size: 2.97 MB
- Stars: 0
- Watchers: 11
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WORKSHOP REACT
This repository contains slides for the React workshop.
The material is presented using [reveal.js](https://revealjs.com/), a HTML presentation framework.
You can visit [this site](https://rootstrap.github.io/workshop-react) to access all the published content.
## Installation
1. Clone this repository.
1. Run `npm install`
1. Run `npm start`
1. That's it! Server should be running on `http://localhost:8000` by default.
## How to use
### Index page
When you start the server and go to the main page, you will see a list with all the classes. This screen is built in `index.html` file, so if you will add a new class, make sure to add a new link in this file just to keep an index.
### Access to classes
All the classes are located in `classes` folder. You can access to each one indicating the url in the browser (eg: `/classes/1.html`) or using the link in the index page.
### Add content to a class
We are using the reveal.js framework, so to be able to add a new slide, checkout the [documentation](https://revealjs.com/markup/).
Each section tag is a new slide. You can use horizontal or vertical slides like this:
```html
Horizontal Slide
Vertical Slide 1
Vertical Slide 2
```
### How to add images
In the `examples` folder there are many examples that use images, markdown, different themes and other cool things. You can copy this code!