PHPackages                             esign/laravel-react-components - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. esign/laravel-react-components

ActiveLibrary

esign/laravel-react-components
==============================

Use react components within laravel

1.7.0(2mo ago)013.2k↓38.9%MITPHPPHP ^8.1CI passing

Since Feb 1Pushed 2mo ago3 watchersCompare

[ Source](https://github.com/esign/laravel-react-components)[ Packagist](https://packagist.org/packages/esign/laravel-react-components)[ Docs](https://github.com/esign/laravel-react-components)[ RSS](/packages/esign-laravel-react-components/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (8)Dependencies (12)Versions (10)Used By (0)

Use react components within laravel
===================================

[](#use-react-components-within-laravel)

[![Latest Version on Packagist](https://camo.githubusercontent.com/4b6887afe05f4a8364ceec17c31082660a1d727e0373afe46fdc753b767200a8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f657369676e2f6c61726176656c2d72656163742d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/esign/laravel-react-components)[![Total Downloads](https://camo.githubusercontent.com/30e3c6cd7327a479582ae698d424c0e158a469c00d86d5c7605040956124ad3c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f657369676e2f6c61726176656c2d72656163742d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/esign/laravel-react-components)[![GitHub Actions](https://github.com/esign/laravel-react-components/actions/workflows/main.yml/badge.svg)](https://github.com/esign/laravel-react-components/actions/workflows/main.yml/badge.svg)

This packages allows you to register react components within your laravel application.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require esign/laravel-react-components
```

The package will automatically register a service provider.

Usage
-----

[](#usage)

To register the container for a react component a `@reactComponent` directive has been included. Props may be passed as the second parameter:

```
@reactComponent('article-card')
@reactComponent('article-card', ['article' => $article])
```

In case you want some more customization you may always use the [anonymous component](https://laravel.com/docs/blade#anonymous-components). This component allows you to pass additional attributes and define as what HTML tag the component should be rendered:

```

```

To register the components in your frontend build, you may use the `registerReactComponents` function included in this package. This can be published using the following command:

```
php artisan react-components:install
```

The file will be copied to `resources/assets/js/utils/registerReactComponents.js` but may be moved to any other location.

```
import { ArticleCard } from "./Components/ArticleCard";
import { registerReactComponents } from "./utils/registerReactComponents";

registerReactComponents({
    'article-card': ArticleCard,
});
```

### Testing

[](#testing)

```
composer test
```

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

50

—

FairBetter than 96% of packages

Maintenance87

Actively maintained with recent releases

Popularity25

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 88.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~214 days

Recently: every ~277 days

Total

8

Last Release

62d ago

PHP version history (2 changes)1.0.0PHP ^8.0

1.5.0PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/4599d7a8f6fdb63dd04305a49ae5ec9700b7a6eacdbe3a54f89584d75e34503f?d=identicon)[esign](/maintainers/esign)

---

Top Contributors

[![jordyvanderhaegen](https://avatars.githubusercontent.com/u/24370626?v=4)](https://github.com/jordyvanderhaegen "jordyvanderhaegen (23 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (3 commits)")

---

Tags

componentsreactesignreact-components

###  Code Quality

TestsPHPUnit

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/esign-laravel-react-components/health.svg)

```
[![Health](https://phpackages.com/badges/esign-laravel-react-components/health.svg)](https://phpackages.com/packages/esign-laravel-react-components)
```

###  Alternatives

[barryvdh/laravel-ide-helper

Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion.

14.9k123.0M687](/packages/barryvdh-laravel-ide-helper)[laravel/ui

Laravel UI utilities and presets.

2.7k134.9M601](/packages/laravel-ui)[tucker-eric/eloquentfilter

An Eloquent way to filter Eloquent Models

1.8k4.8M26](/packages/tucker-eric-eloquentfilter)[livewire/flux

The official UI component library for Livewire.

9475.0M86](/packages/livewire-flux)[orchestra/canvas

Code Generators for Laravel Applications and Packages

20917.2M158](/packages/orchestra-canvas)[sammyjo20/lasso

Lasso - Asset wrangling for Laravel made simple.

355347.9k](/packages/sammyjo20-lasso)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)