Sign up to save your podcasts
Or
Share Tutorial - React Redux App + Solidity desde cero. Metamask-Ethers
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
Tutorial - React Redux App + Solidity desde cero. Metamask-Ethers
https://3speak.tv/watch?v=jfdesousa7/fnhtfjyl
Saludos, en el día de hoy crearemos una app donde usaremos Redux en una aplicación real, en esta ocasión leeremos data desde Ethereum, crearemos un contrato inteligente usando Solidity como lenguaje de programación, además de otras librerías como ethers para la conexión con la web3, usaremos React como librería para el frontend y el core de este tutorial es la de usar Redux para gestionar los estados generales de nuestra aplicación.
App.js
import React, { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { connect } from "./redux/ethereum/ethereumActionsCreator";
import { fetchData } from "./redux/data/dataActionsCreator";
const App = () => {
const dispatch = useDispatch();
const { ethereum, data } = useSelector((state) => state);
const [value, setValue] = useState("");
const handleButton = async () => {
const txResult = await ethereum.contract.setValor(value);
await txResult.wait();
dispatch(fetchData());
setValue("");
};
return (
{ethereum.error ? ethereum.error : null}
{ethereum.account === undefined ? (
<>
Debes conectarte con metamask
dispatch(connect())}>Conectar
) : (
<>
Hola address: {ethereum.account}
Valor: {data.valor}
setValue(e.target.value)}
/>
Asignar valor
)}
);
};
export default App;
View all episodes
By jfdesousa7https://3speak.tv/watch?v=jfdesousa7/fnhtfjyl
Saludos, en el día de hoy crearemos una app donde usaremos Redux en una aplicación real, en esta ocasión leeremos data desde Ethereum, crearemos un contrato inteligente usando Solidity como lenguaje de programación, además de otras librerías como ethers para la conexión con la web3, usaremos React como librería para el frontend y el core de este tutorial es la de usar Redux para gestionar los estados generales de nuestra aplicación.
App.js
import React, { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { connect } from "./redux/ethereum/ethereumActionsCreator";
import { fetchData } from "./redux/data/dataActionsCreator";
const App = () => {
const dispatch = useDispatch();
const { ethereum, data } = useSelector((state) => state);
const [value, setValue] = useState("");
const handleButton = async () => {
const txResult = await ethereum.contract.setValor(value);
await txResult.wait();
dispatch(fetchData());
setValue("");
};
return (
{ethereum.error ? ethereum.error : null}
{ethereum.account === undefined ? (
<>
Debes conectarte con metamask
dispatch(connect())}>Conectar
) : (
<>
Hola address: {ethereum.account}
Valor: {data.valor}
setValue(e.target.value)}
/>
Asignar valor
)}
);
};
export default App;