Skip to main content
Alteração da gramática e adição de snippet de código para melhor visualização.
Fonte Link

Como vincular um back em node para um front em react recharts?

Preciso fazer uma crudum CRUD que é vinculada em um react recharts usando gráficos, procurei no youtube e não consegui achar de jeito nenhum como posso vincular o back em node com o front em react recharts com os dados em um gráfico, se alguém tiver uma dica de conteúdo ficarei muito agradecido.

aquiAqui está a crudo CRUD que é uma tela de cadastro para as seleções da copa  :

const express = require('express');

const server = express();

server.use(express.json());

const times = ['Brasil', 'Alemanha', 'Dinamarca', 'Australia'];

// Retorna um time server.get('/times/:index', (req,res) => { const { index } = req.params

return res.json(times[index]);

});

// Retorna todos os times server.get('/times', (req, res) => { return res.json(times);

});

// Criar um novo time server.post('/times', (req,res) => { const { name } = req.body; times.push(name);

return res.json(times);

});

// Atualizar um novo time server.put('/times/:index', (req, res) => { const { index } = req.params; const { name } = req.body;

times[index] = name;

return res.json(times);

});

// Deletar um time server.delete('/times/:index', (req,res) => { const { index } = req.params;

times.splice(index, 1);
return res.json({ message: "O time foi deletado" });

});

server.listen(3000);

const express = require('express');

const server = express();

server.use(express.json());

const times = ['Brasil', 'Alemanha', 'Dinamarca', 'Australia'];

// Retorna um time
server.get('/times/:index', (req,res) => {
    const { index } = req.params

    return res.json(times[index]);
});

// Retorna todos os times
server.get('/times', (req, res) => {
    return res.json(times);

});

// Criar um novo time
server.post('/times', (req,res) => {
    const { name } = req.body;
    times.push(name);

    return res.json(times);
}); 

// Atualizar um novo time
server.put('/times/:index', (req, res) => {
    const { index } = req.params;
    const { name } = req.body;

    times[index] = name;

    return res.json(times);
    
});

// Deletar um time
server.delete('/times/:index', (req,res) => {
    const { index } = req.params;

    times.splice(index, 1);
    return res.json({ message: "O time foi deletado" });

});


server.listen(3000);

Ela já está vinculada ao banco de dados, agora como posso colocar os dados no gráfico em react React?j

Como vincular um back em node para um front em react recharts

Preciso fazer uma crud que é vinculada em um react recharts usando gráficos procurei no youtube e não consegui achar de jeito nenhum como posso vincular o back em node com o front em react recharts com os dados em um gráfico, se alguém tiver uma dica de conteúdo ficarei muito agradecido.

aqui está a crud que é uma tela de cadastro para as seleções da copa  :

const express = require('express');

const server = express();

server.use(express.json());

const times = ['Brasil', 'Alemanha', 'Dinamarca', 'Australia'];

// Retorna um time server.get('/times/:index', (req,res) => { const { index } = req.params

return res.json(times[index]);

});

// Retorna todos os times server.get('/times', (req, res) => { return res.json(times);

});

// Criar um novo time server.post('/times', (req,res) => { const { name } = req.body; times.push(name);

return res.json(times);

});

// Atualizar um novo time server.put('/times/:index', (req, res) => { const { index } = req.params; const { name } = req.body;

times[index] = name;

return res.json(times);

});

// Deletar um time server.delete('/times/:index', (req,res) => { const { index } = req.params;

times.splice(index, 1);
return res.json({ message: "O time foi deletado" });

});

server.listen(3000);

Ela já está vinculada ao banco de dados, agora como posso colocar os dados no gráfico em react ?j

Como vincular um back em node para um front em react recharts?

Preciso fazer um CRUD que é vinculada em um react recharts usando gráficos, procurei no youtube e não consegui achar de jeito nenhum como posso vincular o back em node com o front em react recharts com os dados em um gráfico, se alguém tiver uma dica de conteúdo ficarei muito agradecido.

Aqui está o CRUD que é uma tela de cadastro para as seleções da copa:

const express = require('express');

const server = express();

server.use(express.json());

const times = ['Brasil', 'Alemanha', 'Dinamarca', 'Australia'];

// Retorna um time
server.get('/times/:index', (req,res) => {
    const { index } = req.params

    return res.json(times[index]);
});

// Retorna todos os times
server.get('/times', (req, res) => {
    return res.json(times);

});

// Criar um novo time
server.post('/times', (req,res) => {
    const { name } = req.body;
    times.push(name);

    return res.json(times);
}); 

// Atualizar um novo time
server.put('/times/:index', (req, res) => {
    const { index } = req.params;
    const { name } = req.body;

    times[index] = name;

    return res.json(times);
    
});

// Deletar um time
server.delete('/times/:index', (req,res) => {
    const { index } = req.params;

    times.splice(index, 1);
    return res.json({ message: "O time foi deletado" });

});


server.listen(3000);

Ela já está vinculada ao banco de dados, agora como posso colocar os dados no gráfico em React?

Fonte Link

Como vincular um back em node para um front em react recharts

Preciso fazer uma crud que é vinculada em um react recharts usando gráficos procurei no youtube e não consegui achar de jeito nenhum como posso vincular o back em node com o front em react recharts com os dados em um gráfico, se alguém tiver uma dica de conteúdo ficarei muito agradecido.

aqui está a crud que é uma tela de cadastro para as seleções da copa :

const express = require('express');

const server = express();

server.use(express.json());

const times = ['Brasil', 'Alemanha', 'Dinamarca', 'Australia'];

// Retorna um time server.get('/times/:index', (req,res) => { const { index } = req.params

return res.json(times[index]);

});

// Retorna todos os times server.get('/times', (req, res) => { return res.json(times);

});

// Criar um novo time server.post('/times', (req,res) => { const { name } = req.body; times.push(name);

return res.json(times);

});

// Atualizar um novo time server.put('/times/:index', (req, res) => { const { index } = req.params; const { name } = req.body;

times[index] = name;

return res.json(times);

});

// Deletar um time server.delete('/times/:index', (req,res) => { const { index } = req.params;

times.splice(index, 1);
return res.json({ message: "O time foi deletado" });

});

server.listen(3000);

Ela já está vinculada ao banco de dados, agora como posso colocar os dados no gráfico em react ?j