https://github.com/dauskonzept/typo3-ux-react

Integration for symfony/ux-react into TYPO3 and Fluid
https://github.com/dauskonzept/typo3-ux-react

Last synced: 20 days ago
JSON representation

Integration for symfony/ux-react into TYPO3 and Fluid

• Host: GitHub
• URL: https://github.com/dauskonzept/typo3-ux-react
• Owner: dauskonzept
• License: gpl-3.0
• Created: 2023-01-24T21:02:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-18T12:35:18.000Z (over 1 year ago)
• Last Synced: 2024-12-11T18:13:45.948Z (29 days ago)
• Language: PHP
• Homepage:
• Size: 25.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Latest Stable Version](http://poser.pugx.org/svenpetersen/typo3-ux-react/v)](https://packagist.org/packages/svenpetersen/typo3-ux-react)

[![Total Downloads](http://poser.pugx.org/svenpetersen/typo3-ux-react/downloads)](https://packagist.org/packages/svenpetersen/typo3-ux-react)

[![Latest Unstable Version](http://poser.pugx.org/svenpetersen/typo3-ux-react/v/unstable)](https://packagist.org/packages/svenpetersen/typo3-ux-react)

[![License](http://poser.pugx.org/svenpetersen/typo3-ux-react/license)](https://packagist.org/packages/svenpetersen/typo3-ux-react)

[![PHP Version Require](http://poser.pugx.org/svenpetersen/typo3-ux-react/require/php)](https://packagist.org/packages/svenpetersen/typo3-ux-react)

TYPO3 Extension "typo3-ux-react"

=================================

## What does it do?

Render React components directly in Fluid templates.

This Extensions enables you to render React Components directly in Fluid templates.

It acts as an integration for [symfony/ux-react](https://github.com/symfony/ux-react) into TYPO3.

## Installation

The recommended way to install the extension is by

using [Composer](https://getcomposer.org/). In your Composer based TYPO3 project

root, just run:

composer require svenpetersen/typo3-ux-react


## Setup

Before you start, make sure you have [EXT:typo3_encore](https://github.com/sabbelasichon/typo3_encore) installed and configured.

This extensions integrates [Webpack Encore](https://symfony.com/doc/current/frontend.html) into TYPO3.

Follow the [Symfony UX React official documentation](https://symfony.com/bundles/ux-react/current/index.html)

Additionally:

    # Add this line to your package.json dependencies:

    "@symfony/ux-react": "file:vendor/symfony/ux-react/assets"

    # Install react

    $ npm i react react-dom

    # or

    $ yarn add react react-dom

    # Add these lines to your controllers.json:

    "@symfony/ux-react": {

        "react": {

            "enabled": true,

            "fetch": "eager"

        }

    }

    # run

    $ npm install --force

    $ npm run watch

    # or

    $ yarn install --force

    $ yarn watch

## Usages

In any fluid template: Just register the Namespace and use the provided ViewHelper to render your component:

    

        


    


## Contributing

Please refer to the [contributing](CONTRIBUTING.md) document included in this

repository.