I use "Scrollytelling" in my React application and need to change an svg dynamically according to the current scrollprogress of a section. For example like this: useEffect(() => { if(scrollProgress > 0.5 && scrollProgress < 0.7) foo(); // Called at…
I am very new in react, and am trying to create a function that maps 5 cards on the screen from an array but is able to change the CSS of only the one that is clicked. export default function…
I am working on a Vue project and I have this HTML: <div class="flex flex-col md:flex-row"> <div class="m-6 ml-10 mr-5 mt-10"> <div class="text-left"> <input type="text" class="mb-6 h-10 w-full rounded-lg border-2 border-gray-300 p-2" placeholder="Search for workouts, profiles, etc." /> </div> <div…
Based on the article outlined in the React docs: You Might Not Need An Effect, they explain that logic which should only be executed once should be wrapped in an init clause. i.e. // Will run init flow only once…
okay so here is my app.jsx: import { useState } from "react"; import "./index.css"; import "./App.css"; import Card from "./Card.jsx"; import About from "./About.jsx"; import Header from "./Header.jsx"; function App() { const properties = { language: "Javascript", framework: "React", skills:…
I've been working on implementing top infinite scrolling, but I've run into a bit of trouble. The issue I'm facing is that when new items are appended, the scroll bar doesn't adjust as expected. Ideally, when new items are added,…
I am currently looking to implement a feature on a website where there are multiple cards which contain a front and a back side (separate images). Initially I only want to show the front, and upon click, I want the…
<div class="card border-dark bg-white text-dark" style="width: 400px; height: auto; margin :10px auto "> <div class="card-header"> <h3>Register to REFILM</h3> </div> <div class="card-body"> <form action="/register" method="post"> <div class="mb-3"> <input autocomplete="off" autofocus type="text" class="form-control" name="username" placeholder="Username"> </div> {% if username_error %} <div class="alert…
I have working on a Social media Application and getting stuck with this. Inside src > component > PostList I have used useEffect with empty dependency array but whenever I went createPost inside SideBar and come Back useEffect again render…
I am trying to get an input field to appear when the user selects 'other' from the drop down menu. It was only appearing when I first got on the add recipes page, but I changes a few lines and…