Categoría: React

Rest API CRUD – Node.js + express + React.js + MySQL Part 5: Edit / Get

Node.js (Backend) Route nodebackend/src/routes/EmployeeRoute.js Controller nodebackend/src/controllers/EmployeeController.js React.js ( Frontend ) appnode/src/module/list.js Importar librería de react-router Botón de editar / Button Edit appnode/src/module/edit.js Importar librería de axios y variable de baseUrl / Import library axios State ComponentDidMount Render

Rest API CRUD – Node.js + express + React.js + MySQL Part 4: List

Node.js (Backend) Route src/routes/EmployeeRoute.js Controller CORS src/App.js // Access-Control-Allow-Origin: Para controlar quien puede consumir mi API // Access-Control-Allow-Headers: Para configurar los headers que acepta la API // Access-Control-Allow-Methods: Para declarar los métodos que acepta el API React.js ( Frontend ) src/module/list.js Install axios Import axios State componentDidMount Render Function for loadFillData

Rest API CRUD – Node.js + express + React.js + MySQL Part 3: Create App React with Bootstrap

React.js (Frontend) Install bootstrap Javascript Bootsrap Componentes src/App.js src/module/list.js src/module/form.js src/module/edit.js React Router React Router es la solución de enrutamiento para las aplicaciones de React de una sola página. React Router tiene algunas características excelentes que ofrecer y generalmente termino usando React Router para la mayoría de mis aplicaciones de reacción. Colocar Router fuera de

Rest API CRUD – Node.js + express + React.js + MySQL Part 2: Model – Sequelize

Vamos a crear dos modelos para empleado y role. Y luego trabajamos con la ORM sequelize. Video Sequelize Sequelize es un ORM Node.js basado en promesas para Postgres, MySQL, MariaDB, SQLite y Microsoft SQL Server. Instalar sequelize Modelo Crear una carpeta «model» y luego un archivo llamado database.js para conexiones de base de datos src/model/mysql.js

CRUD + Laravel + React js + Mysql : Eliminar datos desde API.

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)