Codeigniter + Reactjs – Integración

Integración simple de codeigniter con React js.

Pasos para crear una aplicación

Instalar Node y npm

Es muy recomendable que sea mayor a 6. En caso de que no lo tengas puedes descargarlo desde aquí nodejs.org

https://nodejs.org/en/

 Instalar react-create-app

npm install -g create-react-app

Crear la aplicación

create-react-app proyecto-react-codeigniter
cd proyecto-react-codeigniter

 Iniciar la aplicación

npm start

Codeigniter

En codeigniter vamos sacarlo dos carpetas y un archivo index y integrarlo en el proyecto de proyecto-react-codeigniter

  • application
  • system
  • index.php

El proyecto de React.js debes compilarlo para poder integrarlo

npm run build

El código debes integrarlo en el archivo vista para poder los componentes de react

<div id="root"></div>
<script src="<?= base_url('build/static/js/main.89680c27.js') ?>" ></script>
										 

Recuerda que cada vez que compila debes cambiar el nombre del archivo build/static/js/main.*js, el asteristico es el numero que debes cambiar.

Añadir un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *