In my react app I am tasked with sending multiple GET requests, sometimes with some optional filter params attached. Additionally I’m storing the params in my redux store so that they are able to stack on subsequent requests. Here’s the problem: There are times when I’ll clear the values of …
Tag: javascript
Responsive navbar with dropdown not working
I am working on creating a responsive navbar that has a dropdown in it. Below is my code: I have the CSS code and media queries inline for testing purpose. So it might look lengthy. The menu contains the Home logo image at the left and 4 menu items on the right. After the active ‘home’ link is the…
Connecting NodeJS app to SignalR (with .NET Core 3)
I have a server running SignalR using .NET Core 3. The project was started with the template and I followed a guide (https://learn.microsoft.com/en-gb/aspnet/core/tutorials/signalr?tabs=visual-studio&view=aspnetcore-3.0). I have created a clone of the project, and can successfully connect to the server an…
(PERCY) Warning: skipping visual tests. PERCY_TOKEN was not provided
I’m getting this error below everytime I try to run ‘npx percy exec — node snapshots.js’. PowerShell Terminal Problem Image -> https://i.stack.imgur.com/XCSj6.png I have followed this Tutorial -> https://docs.percy.io/docs/percyscript-tutorial Anyone know how to solve this? I loo…
What’s the purpose of the 3rd argument in useReducer?
From the docs: [init, the 3d argument] lets you extract the logic for calculating the initial state outside the reducer. This is also handy for resetting the state later in response to an action. And the code: Why would I do that over reusing a constant initialState? Looks less verbose to me. Answer EDIT july…
Sock Merchant problem in javascript using splice not working
My following solution worked for 6 test cases out of 9 test cases and i couldn’t wrap my head around on why is it not working for the following test case. Note: I used splice instead of the sorting first methodology. Thanks in advance. The problem: https://www.hackerrank.com/challenges/sock-merchant/pro…
Cypress: Re-use auth token across multiple API tests
I have a Rest API which generates a token. This session token is used across multiple REST API’s as an authorization Bearer token. I used this as reference: https://github.com/cypress-io/cypress-example-recipes/blob/master/examples/logging-in__jwt/cypress/integration/spec.js However, in that example, th…
Animation always firing because state always changes on scroll in React
So I’m using React/Pose to animate a Showcase component like the Postmates fleet website seen here: I’m almost there but I can’t figure out the last bit. Basically, I have an array of items: And a handleScroll(e) method which does a few things: Detects when scrolling through the component Wh…
intl.NumberFormat shows incorrect result for es-ES currency formatting
I expect that output for es-ES and de-DE locale to be identical. (I asked my Spanish colleague to check his salary slip, and he confirms that there is indeed a decimal after thousand) Results: Answer According to the Real Academia Española, the standard form in Spanish is to separate numbers in groups of thre…
‘-‘ In v-bind:style / Vue.js
I cant understand how to make CSS code into v-bind:style with symbol ‘-‘. If i try to do something like that: I get: Answer As explained in the Docs of Vue: “You can use either camelCase or kebab-case (use quotes with kebab-case) for the CSS property names” So you’d need to chang…