PHPackages                             abdlhaklalouche/react-with-loader-preset - 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. [Utility & Helpers](/categories/utility)
4. /
5. abdlhaklalouche/react-with-loader-preset

ActiveLibrary[Utility & Helpers](/categories/utility)

abdlhaklalouche/react-with-loader-preset
========================================

Laravel frontend preset for react with auto lazy loader

015PHP

Since Apr 5Pushed 7y agoCompare

[ Source](https://github.com/abdlhaklalouche/react-with-loader-preset)[ Packagist](https://packagist.org/packages/abdlhaklalouche/react-with-loader-preset)[ RSS](/packages/abdlhaklalouche-react-with-loader-preset/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependenciesVersions (1)Used By (0)

Laravel React With Loader Preset
================================

[](#laravel-react-with-loader-preset)

About
-----

[](#about)

A laravel preset for using react quickly with autoloading components.

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

[](#installation)

1. Install Laravel and cd to your project.
2. Install this preset via `composer require abdlhaklalouche/react-with-loader-preset`

Usage
-----

[](#usage)

### Initializing the preset

[](#initializing-the-preset)

1. `php artisan preset react-with-loader`
2. `npm install`
3. `npm run watch` or `npm run dev` or `npm run prod`
4. `php artisan serve` to run the server.

### Using the preset

[](#using-the-preset)

1. To create a component go to resources/js/components and create any component
2. To use that component without render it manualy you just have to use directive code bellow:

```
@react({
    "path": "components/COMPONENT_FILENAME_HERE",
    "loading": TRUE_OR_FALSE,
    "class": "CSS_CLASSES_HERE",
    "props": {
        "PROPERTY_NAME": "PROPERTY_VALUE"
    }
})
```

Copyright and license
---------------------

[](#copyright-and-license)

Copyright 2018 [Laravel react-with-loader-preset Contributers](https://github.com/abdlhaklalouche/react-with-loader-preset/graphs/contributors) under the [MIT license](http://opensource.org/licenses/MIT).

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity37

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/0fd2e0fe649e4d10b7efa52f150877897b09e6fb43a10152dea36280797e8265?d=identicon)[abdlhaklalouche](/maintainers/abdlhaklalouche)

---

Top Contributors

[![abdlhaklalouche](https://avatars.githubusercontent.com/u/28258484?v=4)](https://github.com/abdlhaklalouche "abdlhaklalouche (9 commits)")

---

Tags

larave-presetlaravelloaderreactreact-loaderreactjs

### Embed Badge

![Health badge](/badges/abdlhaklalouche-react-with-loader-preset/health.svg)

```
[![Health](https://phpackages.com/badges/abdlhaklalouche-react-with-loader-preset/health.svg)](https://phpackages.com/packages/abdlhaklalouche-react-with-loader-preset)
```

###  Alternatives

[slushie/laravel-assetic

Assetic support for Laravel 4

3717.0k](/packages/slushie-laravel-assetic)[welp/ical-bundle

Symfony Bundle to manage .ics iCal file (creating and eventually reading)

10114.3k](/packages/welp-ical-bundle)

PHPackages © 2026

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