MERN Stack con MySQL - React MySQL CRUD (Context API, TailwindCSS)
En este tutorial aprenderás a crear una aplicación web fullstack usando el Stack MERN (MySQL, Express, React, Node), solo que usaremos en nuestro caso MySQL en lugar de Mongodb. Primero crearemos una aplicacion Backend usando Javascript del lado Servidor con Nodejs, Express, y MySQL y luego crearemos un frontend de React usando Vite (un generador de proyectos alternativo a create-react-app), lo que crearemos es un tipico CRUD (Create, Read, Update, Delete) de tareas desde cero.
Código del Ejemplo Práctico:
https://github.com/fazt/mern-mysql-crud
Índice del contenido:
Este ejemplo esta dividido en las siguientes secciones:
00:00 Introducción
01:35 Project Setup
18:56 Server Routes
26:03 Create tasks endpoint
38:05 Get tasks endpoint
45:32 Delete tasks endpoint
49:31 Update tasks endpoint
53:52 Error Handling
01:00:15 Frontend Setup
01:08:52 Create Task Frontend
01:27:26 List Tasks Frontend
01:36:39 Delete Tasks Frontend
01:42:38 Context Tasks - Delete
02:07:01 Update Tasks Frontend
02:24:14 Toggle Done Frontend
02:33:09 TailwindCSS
🎥 Videos Recomendados:
Github Pages npm ➜ • Github Pages | Sitios Estaticos Grati...
Mongodb Visual Studio Code ➜ • Mongodb para Visual Studio Code Exten...
Mongoose ➜ • Mongoose | Introducccion Práctica par...
Curso de Nodejs ➜ • Nodejs Curso Desde Cero, para princip...
Thunder Client ➜ • Thunder Client - Postman dentro de Vi...
Variables de Entorno en Nodejs ➜ • Variables de Entorno en Node.js | dot...
Curso de Git ➜ • Git y Github | Curso Práctico de Git ...
Rest client VSCode ➜ • Rest Client | Extension de Visual Stu...
Mongodb Atlas ➜ • MongoDB Atlas, NoSQL en la nube
👨💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ https://bit.ly/3ijsVNW
SiteGround ➞ https://bit.ly/31u9ZEk
DigitalOcean ➞ https://m.do.co/c/8ef261d77de5
Expo ➞ https://bit.ly/2WpYKtx
Cloudinary ➞ https://bit.ly/3ohNlJ7
Namecheap ➞ namecheap.pxf.io/ErDe9
#mysql #react #mernstack