https://github.com/nitin42/redocx

📄 Create word documents with React
https://github.com/nitin42/redocx

components library react react-fiber renderer word-documents

Last synced: about 14 hours ago
JSON representation

📄 Create word documents with React

• Host: GitHub
• URL: https://github.com/nitin42/redocx
• Owner: nitin42
• Created: 2017-08-19T07:08:06.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-09-10T07:27:24.000Z (over 4 years ago)
• Last Synced: 2024-12-06T15:05:16.143Z (8 days ago)
• Topics: components, library, react, react-fiber, renderer, word-documents
• Language: JavaScript
• Size: 386 KB
• Stars: 1,418
• Watchers: 26
• Forks: 72
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

• awesome-react-renderer - redocx - Create word documents using React. (File)

README

        
# redocx

[![Build Status](https://travis-ci.org/nitin42/redocx.svg?branch=master)](https://travis-ci.org/nitin42/redocx)

![yarn](https://img.shields.io/badge/yarn-0.21.3-blue.svg)

![license](https://img.shields.io/packagist/l/doctrine/orm.svg)

![status](https://img.shields.io/badge/status-stable-brightgreen.svg)

> Create word documents with React



  



## Introduction

`redocx` is a library which lets you create word documents with React. It provides a set of components which renders your declarative views and components to word documents. 

#### Example 

A simple component that renders a "Hello World" text to a word document.

```js

import React from 'react'

import { render, Document, Text } from 'redocx'

class App extends React.Component {

  render() {

    return (

      

        Hello World

      

    )

  }

}

render(, `${__dirname}/example.docx`)

```

Let's get started!

## Install

**Babel presets and cli**

```

npm install --save-dev babel-cli babel-core babel-preset-env babel-preset-react babel-preset-stage-0

```

**react and redocx**

```

npm install --save react redocx

```

## Usage

* Create a `.babelrc`

```

{

  "presets": [

    "env",

    "stage-0",

    "react"

  ]

}

```

* After configuring babel and assuming you've already created a file `example.js` with [this](#example) example, run `babel-node example.js`. This will render your React component to word document.

## Demo

```

git clone https://github.com/nitin42/redocx.git

cd redocx

npm install

npm run example

```

## Documentation

See the detailed documentation [here](./docs)

## Contributing

[Contributing guide](https://github.com/nitin42/redocx/blob/master/CONTRIBUTING.md)

## License

MIT

[![Sponsor](https://app.codesponsor.io/embed/FCRW65HPiwhNtebDx2tTc53E/nitin42/redocx.svg)](https://app.codesponsor.io/link/FCRW65HPiwhNtebDx2tTc53E/nitin42/redocx)