unreact

KO | EN

gitlite — search

#javascript #python #react #ai #typescript #llm #golang #linux #docker #awesome #kubernetes #security #ios #open-source

(★ 15)

Convert React Components to EJS or Pug [Alpha][Unreleased]

unreact Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Convert React Components to EJS or Pug (unreact)</h1>

<blockquote align="center">The future is React without React.</blockquote>

<p align="center"><strong><a href="https://github.com/ramasilveyra/templating-benchmarks/tree/feat/add-ejs#performance">EJS and Pug templates engines can be between 1647% and 7083% faster than <code>ReactDOMServer.renderToString</code> (React 15)</a></strong>.</p>

<h2 align="center">Table of Contents</h2>

- [Install](#install)
- [Usage](#usage)
- [Limitations](#limitations)
- [Future](#future)
- [Contribute](#contribute)
- [License](#license)

<h2 align="center">Install</h2>

**Node.js v8 or newer** is required.

Via the yarn client:

```bash
$ yarn add --dev unreact
```

Via the npm client:

```bash
$ npm install --save-dev unreact
```

<h2 align="center">Usage</h2>

### Convert Files (`--out-file`/`-o`)

```bash
unreact src/button.js --out-file views/button.pug
```

### Convert Directories (`--out-dir`/`-O`)

```bash
unreact src --out-dir views
```

### Template Engine (`--template-engine`/`-t`)

Default option is `pug`, you can also choose `ejs`.

```bash
unreact src/button.js --out-file views/button.ejs --template-engine ejs
unreact src --out-dir views -t ejs
```

### Add string to the beginning of the output file (`--add-beginning`)

```bash
unreact src/main.js --out-file views/main.pug --add-beginning "include header.pug"
```

### Add string to the ending of the output file (`--add-ending`)

```bash
unreact src/main.js --out-file views/main.pug --add-ending "include footer.pug"
```

### Change initial indent level (`--initial-indent-level`)

```bash
unreact src/main.js --out-file views/main.pug --initial-indent-level 1
```

<h2 align="center">Limitations</h2>

**ALPHA: things may not work**

- Only works with functional components and very simple ones.

<h2 align="center">Future</h2>

Check the work bridging React and Prepack:
- https://github.com/facebook/prepack/pulls?utf8=%E2%9C%93&q=is%3Apr+react
- https://twitter.com/trueadm/status/1002812303824314369
- https://github.com/trueadm/ssr-with-prepack-hackathon

<h2 align="center">Contribute</h2>

Feel free to dive in! [Open an issue](https://github.com/ramasilveyra/unreact/issues/new) or submit PRs.

unreact follows the [Contributor Covenant](https://contributor-covenant.org/version/1/4/) Code of Conduct.

<h2 align="center">License</h2>

[MIT](LICENSE.md)

unreact

unreact Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

unreact

unreact Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README