frontend Questions

Javascript – Sending an object with Next.js and it is showing up as undefined on the page I am sending it to

March 6, 2024
AyyanF
2 Answers

I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…

VIEW QUESTION

Reactjs – Disallow missing props validation in a React component definition

March 6, 2024
Fatemeh Hp
2 Answers

When I create a react project using Vite, I encounter the following error when defining a prop. If I don't have this problem with create React App, why does this error occur? Maybe I have not installed a module? enter…

VIEW QUESTION

How to write clean HTML?

March 3, 2024
Çağdaş Erkan
3 Answers

I am learning HTML and CSS. Some teachers say that you should use lots of divs and classes, while others say the opposite, advising not to use too many divs and classes. Which one should I use? examples: <section class="section-pricing">…

VIEW QUESTION

Reactjs – Is there a way to combine hooks together for reuse in similar components in react?

March 1, 2024
DMQuinn
2 Answers

I have a react and next project which uses multiple pages with a similar structure. In each page we are using custom hooks to load data, so it looks something like: const theme = useTheme() const router = useRouter() const…

VIEW QUESTION

Css – Changing MUI Switch component colors

February 29, 2024
Rashaaad19
2 Answers

I'm using switch component from MUI, I want to toggle the styling between two colors <Switch color={dataType === "expenses" ? "error" : "secondary"} onChange={handleOnSwitch} checked={dataType === "expenses"} /> The problem is the color is applied only when the condition is…

VIEW QUESTION

Amazon web services – How much threshold should i give to set rate-limiting rule using AWS WAF for a frontend application?

February 28, 2024
Bharadwaj
2 Answers

I want to create a Rate limiting AWS WAF rule for my frontend application, I don't know how much threshold should I need to give because when page loads there is around 50 internal calls happening. Say 5000 people opening…

VIEW QUESTION

Reactjs – Need button to disable and enable based on input fields

February 25, 2024
aaror
2 Answers

I can't seem to get the button component here to enable after the input fields are filled, it simply starts disabled and then stays that way. export default function Page() { const [newPassword, setNewPassword] = useState(''); const [confirmPassword, setConfirmPassword] =…

VIEW QUESTION

Javascript – How to translate pure js into react?

February 24, 2024
IronSoap
2 Answers

heres a pure js project here, a grid-less snake game and i try to rewrite it on react js. grid-less snake game, pure html,js im new to react and front end btw i just dont know where to start var…

VIEW QUESTION

Laravel – Struggling to use $fetch instead of usefetch in Nuxt :

February 22, 2024
Cioskki
2 Answers

This is the code I was using for the authentication front-end, but 2 days ago the following error appeared and I was asking myself how to fix the warning... but I couldn't figure it out how to solve it. Warning:…

VIEW QUESTION

Css – Why isn't the theme changing

February 21, 2024
DadoNitz
2 Answers

Description: I've implemented a theme switching button in my React application to toggle between light and dark themes. However, I'm encountering an issue where clicking the button doesn't result in the theme changing as expected. Here's the relevant code snippet…

VIEW QUESTION