CodeIgniter Route app/Config/Routes.php Controller app/Controllers/CustomerController.php View app/Views/customer.php React.js React router React Router es una colección de componentes de navegación que se componen declarativamente con su aplicación web app/components/app.js app/components/src/customer/List.js app/components/src/customer/Form.js app/components/src/customer/Edit.js app/components/src/Nav.js app/components/src/Main.js webpack.config.js
Requisito > Node.js y npm 1. Basic scaffold Primero que todo vamos a crear una carpeta llamado project-react Luego crearemos nuestro archivo package.json 2. Dependencias Instalaremos 6 dependencias necesarias para poder funcionar la aplicacion React que funcione correctamente. Todas las librerias lo usamos en una linea de instalar npm : 3. Webpack Webpack es un paquete
Node.js (Backend) Route nodebackend/src/routes/EmployeeRoute.js Controller nodebackend/src/controllers/EmployeeController.js React.js ( Frontend ) appnode/src/module/edit.js Funcion de un boton update para enviar datos a actualizar
Comando para crear proyectos en Linux Modificar los permisos para poder compilar App sin problema Acceder la carpeta Primero ejecutar npm Compilar nuestra app para Android en el emulador de Android, deberemos instalar Android Studio. Configuraremos la ruta de la instalación del Android SDK en nuestro computador para que React Native sepa encontrar la ruta
Tutorial antetior Editar y Actualizar datos desde API React.js (Frontend) Crear un modal en el listData() para confirmar de eliminar datos Crear una función para guardar idProducto seleccionado y mostrar modal Crear un botón de eliminar para mostrar modal de confirmar Crear una función sendNetworkDelete para enviar id y eliminar producto desde API Laravel (Backend)
Tutorial anterior Enviar y Insertar datos desde API. React.js ( Frontend ) Crear dos variables de state idProducto es para guardar el id de producto seleccionado y edit sirve para mostrar el botón de actualizar en caso de selección «Editar» Modal para Editar y Crear. Creamos un modal de editar y crear para poder ahorrar
El contenido de post explicará cómo crear proyecto en laravel e instalar React y mostrar el componente React en la aplicación web. Primero, descargue el instalador de Laravel usando Composer para crear proyecto. En cualquier aplicación Laravel nueva, puede usar el comando preset con la opción de React : El comando ejecuta automáticamente eliminará todo
