CRUD Sencillo en React JS (2024) ⚛️ | Insertar, Actualizar, Consultar, Eliminar. Tutorial en Español

En este vídeo vas a aprender a como hacer un CRUD (Insertar, Consultar, Actualizar y Eliminar) sencillo en React JS, utilizando una tabla de personajes de anime para hacer la programación más divertida. Para su creación utilizo Bootstrap y Reactstrap. Así que espero que este vídeo te sea de gran ayuda.

🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃🢃

Único curso en Español de React y Ant Design:

Único curso en Español de Componentes de Terceros de REACT JS:

Dashboard sencillo y responsivo con React JS y Material UI:

Crud con React JS y ASP.NET Core:

Autenticación de Google en React JS:

Datatable con Material UI y Api Rest en React JS:

[AliciaZitlalliFloresAlvarado]

const Data = [
{id:1, personaje: "Naruto", anime: "Naruto"},
{id:2, personaje: "Goku", anime: "Dragon Ball"},
{id:3, personaje: "Kenshin Hiruma", anime: "Ruroni Kenshin"},
{id:4, personaje: "Monkey D. Luffy", anime: "One Piede"},
{id:5, personaje: "Edward Elric", anime: "Fullmetal Alchemist: Brotherhood"},
{id:6, personaje: "Seto Kaiba", anime: "Yu-Gi-oh!"},
];

Para que solo copien y peguen

[gonzalodecastro]

Muchisimas gracias por tu video, me sirvió muchisimo! te hago una consulta: no seria mejor trabajar por componentes? es decir en vez de tener todo en el archivo app.js, tener todo separapor por componentes y llamarlos desde el archivo app.js.

[mayraarias]

Muchas gracias Arturo, me estoy adentrando apenas al desarrollo frontend y tus videos me han servido de mucha utilidad! muchas gracias que buen contenido

[Mike-jqos]

Los que aprenden react con la nueva documentación 2023 y viendo este video: 🤧

[DraketRomero]

Estaría chido uno así, pero ahora incorporando la consulta a la base de datos, apuesto a que sería de mucha ayuda para algunos

[a_web_pablito]

mmmm es mas facil con const [animeState, setAnime] = useState(data); y la desestructuracion de array´s y objetos.

[billyzee]

Preguna amigo, te vacunaste por el covid?

[dfgsydfshsfh]

hola quise cambiar un poco la funcion de eliminar para que se adapte a lo que necesito, y funciona casi bien lo unico es que no se actualiza la tabla que puedo hacer
const deleteActivity = (activity) => {
var option = window.confirm("Estás Seguro que deseas la tarea " + activity.name + "?");
if (option === true) {
var counter = 0;
var array = data;
array.map((actv) => {
if (activity.id == actv.id) {
array[counter].deletedAt = Date().toLocaleString();
}
counter++;
});

setUpdateModal(false);
setData(array);
}
};

[oscardaza]

si vas realizar videos haslo con buena calidad de de camara esta todo borroso

[brianeliasgarciagalvan]

buen video saludos de la paz baja cali no te creas la paz bolivia

[dangelgeek]

Excelente tutorial, seria posible que crearas un tutorial con login y privilegios para ver ciertos modulos con reacjs y node?

[kevinrussoemiliany]

wey no entendi nada en la parte de editar

[khole]

Hola una pregunta en que momento del video muestras bases de datos? O que base de datos wstas usandk

[andresfeliperincongracia]

Hola buenas noches, mira te escribo para pedir ayuda, resulta que tengo un botón que abre un formulario en una ventana modal, esto para crear un nuevo usuario. La primera vez se crea perfectamente, pero la segunda vez no se crea el nuevo usuario, todo funciona bien aparentemente, pero no se crea el nuevo usuario en la base de datos, no sé qué pasa

[hernantroya]

demasiado complejo mucha programación para crear esa simple pantallita, te recomiendo usar ORACLE APEX, esa simple pantallita sale en 2 minutos, no tiene ni comparación la potencia de APEX le da paliza a REACT

[johnfredymejiaserna]

Podrias hacer un tutorial con una app similar a esta reactjs y que los datos se guarden en firebase ?

[axelledesma]

Muy buen tutorial!!
Una pregunta. Los elementos de Reactstrap se pueden estilizar con css o solo tienen los estilos predefinidos por bootstrap??
Saludos!!

[yazmintrinidadfloreszunagu]

como puedo agregar iconos de eliminar y editar en vez de los botones y como puedo agregar un buscador mas me encanto el vídeo me sirvió de mucho gracias :)

[carlosarmandolariosrojas]

Sabes a que se debe el error que dice: Cannot read properties of undefined (reading 'data')?

[sucesssoulman]

Por qué no utilizas Hooks en lugar de clases?