{"id":19710595,"url":"https://github.com/rootstrap/workshop-react","last_synced_at":"2026-06-21T01:32:15.463Z","repository":{"id":85583371,"uuid":"399223246","full_name":"rootstrap/workshop-react","owner":"rootstrap","description":null,"archived":false,"fork":false,"pushed_at":"2021-09-02T19:29:00.000Z","size":3112,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":11,"default_branch":"main","last_synced_at":"2025-09-06T03:43:10.795Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-23T19:21:03.000Z","updated_at":"2021-09-02T19:29:02.000Z","dependencies_parsed_at":"2023-05-05T17:05:11.319Z","dependency_job_id":null,"html_url":"https://github.com/rootstrap/workshop-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"ManuViola77/workshop-js-anima","purl":"pkg:github/rootstrap/workshop-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rootstrap","download_url":"https://codeload.github.com/rootstrap/workshop-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34591166,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-20T02:00:06.407Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T22:07:48.995Z","updated_at":"2026-06-21T01:32:15.448Z","avatar_url":"https://github.com/rootstrap.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WORKSHOP REACT\n\nThis repository contains slides for the React workshop.\n\nThe material is presented using [reveal.js](https://revealjs.com/), a HTML presentation framework.\n\nYou can visit [this site](https://rootstrap.github.io/workshop-react) to access all the published content.\n\n## Installation\n\n1. Clone this repository.\n1. Run `npm install`\n1. Run `npm start`\n1. That's it! Server should be running on `http://localhost:8000` by default.\n\n## How to use\n\n### Index page\nWhen 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.\n\n### Access to classes\nAll 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.\n\n### Add content to a class\nWe are using the reveal.js framework, so to be able to add a new slide, checkout the [documentation](https://revealjs.com/markup/). \n\nEach section tag is a new slide. You can use horizontal or vertical slides like this:\n```html\n\u003csection\u003eHorizontal Slide\u003c/section\u003e\n\u003csection\u003e\n  \u003csection\u003eVertical Slide 1\u003c/section\u003e\n  \u003csection\u003eVertical Slide 2\u003c/section\u003e\n\u003c/section\u003e\n```\n\n### How to add images\nIn the `examples` folder there are many examples that use images, markdown, different themes and other cool things. You can copy this code! \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frootstrap%2Fworkshop-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frootstrap%2Fworkshop-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frootstrap%2Fworkshop-react/lists"}