https://github.com/Silind-Software/direflow

🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.
https://github.com/Silind-Software/direflow

direflow framework react web-components

Last synced: 6 months ago
JSON representation

🧩 Use the best of two worlds. Create fast, performant, native Web Components using React.

• Host: GitHub
• URL: https://github.com/Silind-Software/direflow
• Owner: Silind-Software
• License: mit
• Archived: true
• Created: 2019-10-28T18:51:25.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-29T12:31:04.000Z (almost 2 years ago)
• Last Synced: 2024-12-20T13:05:32.895Z (6 months ago)
• Topics: direflow, framework, react, web-components
• Language: TypeScript
• Homepage: https://direflow.io
• Size: 6.31 MB
• Stars: 501
• Watchers: 11
• Forks: 78
• Open Issues: 108
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  [![](https://silind-s3.s3.eu-west-2.amazonaws.com/direflow/gh-banner.png)](https://direflow.io/)





  [![NPM Version](https://img.shields.io/npm/v/direflow-cli)](https://www.npmjs.com/package/direflow-cli)

  [![Github License](https://img.shields.io/github/license/Silind-Software/direflow)](https://github.com/Silind-Software/direflow/blob/master/LICENSE)

  ![Build Status](https://github.com/Silind-Software/direflow/workflows/build/badge.svg)

  ![Code Coverage](https://img.shields.io/codecov/c/github/Silind-Software/direflow)



# [direflow.io](https://direflow.io/)

#### Set up a React App and build it as a Web Component

> This setup is based on [*react-scripts*](https://www.npmjs.com/package/react-scripts) from [*create-react-app*](https://create-react-app.dev/docs/getting-started)  

> A walkthrough of the principles used in this setup, can be read [in this article](https://itnext.io/react-and-web-components-3e0fca98a593)

## Get started

Start by downloading the cli:

```console

npm i -g direflow-cli

```

### Create a new Direflow Component

```console

direflow create

```

This will bootstrap a new Direflow Component for you.

Now use the following commands:

```console

cd 

npm install

npm start

```

Your Direflow Component will start running on `localhost:3000` and your browser opens a new window  







#### See full documentation on [direflow.io](https://direflow.io)