PHPackages quidphp/react - 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. [Framework](/categories/framework) 4. / 5. quidphp/react ActiveProject[Framework](/categories/framework) quidphp/react ============= Create a new project using QuidPHP, LemurCMS and React 5.31.0(3y ago)22MITPHPPHP >=8.1.0 Since Jul 11Pushed 3y ago2 watchersCompare [ Source](https://github.com/quidphp/react)[ Packagist](https://packagist.org/packages/quidphp/react)[ Docs](https://quidphp.com)[ RSS](/packages/quidphp-react/feed)WikiDiscussions master Synced today READMEChangelog (1)Dependencies (1)Versions (2)Used By (0) QuidPHP/React ============= [](#quidphpreact) [![Release](https://camo.githubusercontent.com/77cd11e58d6051aa3377966b5af7711634d746ebaf52d8d1c63e32ecb74d8ad2/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f717569647068702f7265616374)](https://packagist.org/packages/quidphp/react)[![License](https://camo.githubusercontent.com/7ed110c9083f6e903c9fee641a5a568a64e84beffc4e437881253c12a9c0f964/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f717569647068702f7265616374)](https://github.com/quidphp/react/blob/master/LICENSE)[![PHP Version](https://camo.githubusercontent.com/64558b45001c497784e5faf0333d4294e8c291c1a50057d5793cb409fc9d8f8d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f717569647068702f7265616374)](https://www.php.net)[![Style CI](https://camo.githubusercontent.com/b5cc59f3c7503a538e4029d37548666c29226c31dae5fa7409975e6575228c97/68747470733a2f2f7374796c6563692e696f2f7265706f732f3439343934313834372f736869656c64)](https://styleci.io)[![Code Size](https://camo.githubusercontent.com/9ce935f74fc50bff5b9d6a8b3076be9f1451f8a5618195a3cef783dea2ac9db3/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f717569647068702f7265616374)](https://github.com/quidphp/react) About ----- [](#about) **QuidPHP/React** repository contains the necessary structure to create a new project using QuidPHP, LemurCMS and React. License ------- [](#license) **QuidPHP/React** is available as an open-source software under the [MIT license](LICENSE). Documentation ------------- [](#documentation) **QuidPHP/React** documentation is available at [QuidPHP/Docs](https://github.com/quidphp/docs). Installation ------------ [](#installation) **QuidPHP/React** can be easily installed with [Composer](https://getcomposer.org). It is available on [Packagist](https://packagist.org/packages/quidphp/react). ``` $ composer create-project quidphp/react --prefer-dist ``` Requirement ----------- [](#requirement) **QuidPHP/React** requires the following: - Apache or Nginx server (running on MacOs or Linux environment). - Works in Windows environment but there are **known issues**. - PHP 8.1 - with these extensions: - ctype - curl - date - fileinfo - gd - iconv - json - mbstring - pcre - openssl - session - SimpleXML - zip - PDO - pdo\_mysql - and these PHP INI directives - *post\_max\_size* must be at least 1MB - *post\_max\_size* must be larger than *upload\_max\_filesize* - *memory\_limit* must be at least 128MB - Mysql (>= 8.0) or MariaDB (>= 10.4) database - NodeJs LTS version (>= 16) - Any modern browser (not Internet Explorer) Dependency ---------- [](#dependency) **QuidPHP/Assert** has the following dependencies: - [quidphp/site](https://github.com/quidphp/site) - Quid\\Site - Extended platform to build a website using the QuidPHP framework and LemurCMS - [quidphp/navigation](https://github.com/quidphp/navigation) - Javascript module for navigating a website without reloading - [facebook/react](https://github.com/facebook/react) - A declarative, efficient, and flexible JavaScript library for building user interfaces. - [facebook/react-dom](https://www.npmjs.com/package/react-dom) - This package serves as the entry point to the DOM and server renderers for React. - [laravel-mix/laravel-mix](https://github.com/laravel-mix/laravel-mix) - The power of webpack, distilled for the rest of us - [scottcharlesworth/laravel-mix-polyfill](https://github.com/scottcharlesworth/laravel-mix-polyfill) - Quid\\Main - A Laravel Mix extension to include polyfills by using Babel, core-js, and regenerator-runtime - [sass/dart-sass](https://github.com/sass/dart-sass) - The reference implementation of Sass, written in Dart. - [webpack-contrib/sass-loader](https://github.com/webpack-contrib/sass-loader) - Compiles Sass to CSS - [shakacode/sass-resources-loader](https://github.com/shakacode/sass-resources-loader) - SASS resources (e.g. variables, mixins etc.) loader for Webpack. - [bholloway/resolve-url-loader](https://github.com/bholloway/resolve-url-loader) - Webpack loader that resolves relative paths in url() statements based on the original source file - [@babel/preset-react](https://www.npmjs.com/package/@babel/preset-react) - Babel preset for React - [pmmmwh/react-refresh-webpack-plugin](https://github.com/pmmmwh/react-refresh-webpack-plugin) - A Webpack plugin to enable "Fast Refresh" for React components. All dependencies will be resolved by using the [Composer](https://getcomposer.org) installation process. Setup ----- [](#setup) Once the installation is complete, simply follow these steps: 1. Make sure the [storage](storage) and [public](public) folders are writable by your web server. For [storage](storage) also make sure all subdirectories are writable. 2. Configure an Apache Virtual Host or Nginx Server Block in order to have a domain pointing to the [public](public) folder document root. 3. Import [db.sql](db.sql) within a new Mysql/MariaDB database. 4. Duplicate the [env-default.php](env-default.php) file and rename it to **env.php**. 5. Update the scheme hosts within the **env.php** file. You will need to set a different host (domain or subdomain) for the application and the CMS. 6. Update the database parameters within the **env.php** file. 7. Not required, but you are encouraged to change the namespace of all PHP classes within the [src](src) folder. The default namespace is Project. Booting via Webpack/HTTP ------------------------ [](#booting-via-webpackhttp) Open the project folder in the Command Line. To start the development server with hot module reload (HMR) write: ``` npm run hot ``` Your application will be reachable at the defined host within your *env.php* file. A second Node server is also started to serve the HMR requests (defaults to localhost on port 8079). You may need to accept the self-signed certificate for that localhost. Webpack production build ------------------------ [](#webpack-production-build) To generate the production build for the React application, open the project folder in the Command Line and write: ``` npm run prod ``` QuidPHP CLI routes ------------------ [](#quidphp-cli-routes) Open the project folder in the Command Line. You may now submit a command in the following format: ``` php quid [path][:envType] exemple: php quid /en/my-url php quid /en/my-url:dev/cms php quid /:prod/app ``` LemurCMS credentials -------------------- [](#lemurcms-credentials) Once you open the CMS within your browser, you will need to login. The default user is: - Username: **admin** - Password: **changeme123** Once you are logged in, you will be able to change the password for the user and create new users. Overview -------- [](#overview) **QuidPHP/Project** contains 31 files. Here is an overview: - [.gitignore](.gitignore) - Standard .gitignore file for the project - [composer.json](composer.json) - File declaring all Composer PHP dependencies - [db.sql](db.sql) - Minimal database structure required - [env-default.php](env-default.php) - Declare environment data for the application, copy this file and rename to env.php - [LICENSE](LICENSE) - MIT License file for the repository - [package.json](package.json) - File declaring all NPM dependencies - [quid](quid) - File for booting the application and Cms via CLI - [README.md](README.md) - This readme file in markdown format - [webpack.mix.js](webpack.mix.js) - Configuration file for laravel-mix - [storage/public/favicon.ico](storage/public/favicon.ico) - Generic favicon (16x16), this will be symlinked to *public/favicon.ico*. - [public/.htaccess](public/.htaccess) - Simple apache directive file, requires mod\_rewrite - [public/index.php](public/index.php) - Index file for booting the application and Cms via an HTTP request - [src/Boot.php](src/Boot.php) - Class for booting the application and CMS - [src/Route.php](src/Route.php) - Abstract class for a route, all routes will extend this class - [src/Row.php](src/Row.php) - Abstract class for a row, all rows will extend this class - [src/Session.php](src/Session.php) - Class used to represent the active session - [src/App/\_template.php](src/App/_template.php) - Trait used by all routes which generate an interface - [src/App/Error.php](src/App/Error.php) - Class for the error route of the app - [src/App/Home.php](src/App/Home.php) - Class for the home route of the app - [src/Row/User.php](src/Row/User.php) - Class for a row of the user table - [src/Service/React.php](src/Service/React.php) - Class related to React and the loading of front-end assets - [app/app.jsx](app/app.jsx) - Root component which loads the correct route - [app/app.scss](app/app.scss) - Main scss stylesheet for the app - [app/global.js](app/global.js) - Script which declares some global variables - [app/index.js](app/index.js) - Entry file for the react application - [app/component/HelloWorld.jsx](app/component/HelloWorld.jsx) - Component for a hello world in a h1 tag - [app/component/HelloWorld.module.scss](app/component/HelloWorld.module.scss) - SCSS module file for the hello world component - [app/interface/Layout.jsx](app/interface/Layout.jsx) - Component for the common page layout - [app/interface/Layout.scss](app/interface/Layout.scss) - Stylesheet for the common page layout - [app/route/Error.jsx](app/route/Error.jsx) - Component for the error route - [app/route/Home.jsx](app/route/Home.jsx) - Component for the home route Known issues ------------ [](#known-issues) - On Windows, there are some problems related to creating symlinks. - On Windows, you will need to add *lower\_case\_table\_names* = 2 in your database configuration file (my.cnf). The table and column names need to be stored in their natural case. Testing ------- [](#testing) **QuidPHP** testsuite can be run by creating a new [QuidPHP/Assert](https://github.com/quidphp/assert) project. ### Health Score 25 — LowBetter than 35% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community8 Small or concentrated contributor base Maturity57 Maturing project, gaining track record 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. ### Release Activity Cadence Unknown Total 1 Last Release 1454d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1444427?v=4)[Pierre-Philippe Emond](/maintainers/emondpph)[@emondpph](https://github.com/emondpph) --- Top Contributors [![emondpph](https://avatars.githubusercontent.com/u/1444427?v=4)](https://github.com/emondpph "emondpph (15 commits)") --- Tags frameworkcmsreactquidquidphplemurlemur cms ### Embed Badge ![Health badge](/badges/quidphp-react/health.svg) ``` [![Health](https://phpackages.com/badges/quidphp-react/health.svg)](https://phpackages.com/packages/quidphp-react) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)