Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yunusemredilber/react-compiler-presentation

Contains the presentation and demo apps for the React Compiler talk.
https://github.com/yunusemredilber/react-compiler-presentation

Last synced: 2 days ago
JSON representation

Contains the presentation and demo apps for the React Compiler talk.

Host: GitHub
URL: https://github.com/yunusemredilber/react-compiler-presentation
Owner: yunusemredilber
License: mit
Created: 2024-11-17T19:35:15.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-11-17T22:00:03.000Z (2 months ago)
Last Synced: 2024-11-17T22:17:47.950Z (2 months ago)
Language: TypeScript
Homepage: https://yunusemredilber.github.io/react-compiler-presentation/
Size: 2.26 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# React Compiler Presentation

Presentation URL: [https://yunusemredilber.github.io/react-compiler-presentation](https://yunusemredilber.github.io/react-compiler-presentation/#/)

The repo contains the presentation and demo apps for the React Compiler talk.

![React Compiler](./public/presentation-demo-page.png)

## Project Structure

The project is structured as follows:

### 1. Presentation

- `index.html` - The presentation content using [reveal.js](https://revealjs.com/).
- `public/*` - The images and styles for the presentation.

### 2. Demo Apps

- `src/*` - The shared source code for the demo apps.
- `non-compiled.html` - The non compiled React demo app.
- `webpack.config.ts` - The Webpack configuration for the compiled React demo app.
- `compiled.html` - The compiled React demo app.
- `non-react-compiler-webpack.config.ts` - The Webpack configuration for the compiled React demo app without the React compiler.

## Running the Presentation Locally

Install dependencies:
```bash
yarn install
```

Build demo apps in watch mode and serve the presentation:
```bash
yarn dev
```

Open the presentation in your browser: [http://localhost:3000](http://localhost:3000)

## Notes

- [This tool](https://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php) is used for escaping HTML content in the presentation.