I've been working a full stack app, in frontend I am using react,and for Backend I am using Django.... what I want to do is when the user login it will automatically render all the posts for users he is…
My friend and I are working on a college project (Reservations related web app) using React and C#. Basically he made an API where users must input their data and after submitting, their data should be successfully sent to database.…
I have some code calling to load the same template really fast. I've tried to implement a simple caching system to only fetch when the template wasn't previously loaded, but I can't seem to get the await to truly wait…
im trying to fetch data to my react app. What is the best solution to fetch data every second? I have it in setInterval, which is probably not the best :) Because of it, if the requests are still pending,…
I am working on a virtual piano application, and I'm having a lot of issues with trying to fetch audio files from github. Specifically, I keep getting the errors Access to fetch at 'https://github.com/benvessely/virtual-piano/blob/main/sounds/c4-virtual-piano.mp3' from origin 'http://127.0.0.1:5500' has been blocked…
const[imageContainer,setImageContainer] = useState([]) const navigate = useNavigate(); useEffect(()=>{ Promise.all([ fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), fetch("https://www.themealdb.com/api/json/v1/1/random.php").then(response=>response.json()), ]).then(response=>setImageContainer(response.map(recipe=>{ return recipe.meals[0] }))) },[]) Hello, I'm relatively new to React. So far I've learned that you should always clean up after using useEffect with the…
I study frontend development at a vocational college in Stockholm, Sweden. We are currently studying the Javascript framework (vue.js) and I am stuck on a task. In we will build a simple app using an API with in the form…
import React, { useEffect, useState } from 'react'; function MainContent() { const [objectsArr, setObjectsArr] = useState(null); useEffect(() => { async function fetchMyAPI() { let response = await fetch('http://localhost:3030/pickedObjects') response = await response.json(); setObjectsArr(response) } fetchMyAPI() }, []) const contentDiv =…
I want to reduce my general dependency on useEffects and have created a hook file that fetches from an api I have the following code setup: const searchCharactersAPI = useCallback(async () => { try { setLoading(true); const res = await…
So i make an extension (on Aloha browser) where i inject javascript code in youtube website. In this code, i'm doing two fetch api request, one from youtube (which works) and one from genius api. This one doesnt work, i…