stealthy
KPCKevin Powell - Community
•Created by stealthy on 11/20/2023 in #front-end
Guidance To UI Design
30 replies
KPCKevin Powell - Community
•Created by stealthy on 10/20/2023 in #front-end
Clarity in Graphql Codegen
I am trying to generate the typescript types using graphql-codegen cli. as of now every request is fully written. i want to make the repeated subfields as fragments and use them here. but when i do that, the typing is not working properly. Can you please tell what i can do regarding this.
4 replies
KPCKevin Powell - Community
•Created by stealthy on 8/22/2023 in #front-end
Unit Test for Custom React Hook
I am practicing unit testing, I am using a react-testing-library with vitest. I have a custom hook that fetches the user data of the given user id. How can I test it with unit tests I am able to write unit test which actually fetches the data from the API. but is it a good approach? I read each unit test should be done in milliseconds. if we fetch data from server it will take longer. How can I avoid this situation and efficiently test it.
5 replies
KPCKevin Powell - Community
•Created by stealthy on 8/21/2023 in #front-end
Grid layout with sticky Childs
I am practicing a dummy layout using a grid, I have given the parent of height 100vh and elements that supposed to stick also given a width of 100vh, when I scroll to the very last of the page, the sticky elements content goes up on both sides. Please clarify me on what might be the case and any better approach for it would be welcoming. Please find the codepen
https://codepen.io/naveen570/full/YzdPxvM
7 replies
KPCKevin Powell - Community
•Created by stealthy on 8/7/2023 in #front-end
Number Animation
For example , I have a stats of 5000 or 100000, i want to animate it as increasing animation from the zero gradually increasing and slow down at the end . I wanted to try this animation. I am not sure how to do calculation to speed up and down the animation. this is my codepen
https://codepen.io/naveen570/pen/BaGEwQB?editors=1011
3 replies
KPCKevin Powell - Community
•Created by stealthy on 8/2/2023 in #front-end
Regarding CSS shapes
20 replies
KPCKevin Powell - Community
•Created by stealthy on 3/17/2023 in #front-end
How to use position sticky properly on table
Hi, I am trying to position the table headings as sticky so while its scrolls, it will be on the top , at the same time on smaller screen if the user wants to scroll horizontally the first two columns will be sticky on the left, when I apply styling for the same. it collapses . can anyone give me suggestion.
3 replies
KPCKevin Powell - Community
•Created by stealthy on 3/14/2023 in #front-end
How do i approach this UI?
22 replies
KPCKevin Powell - Community
•Created by stealthy on 2/15/2023 in #front-end
Dynamic overflow scroll effect
so I have two sections in a parent , first section has headings and paragraph, second section has no of items, this second section should be scrollable and it should have a max -height of remaining space of the parent. how to achieve that .https://codepen.io/naveen570/pen/NWLWZaE , code pen for reference.
30 replies
KPCKevin Powell - Community
•Created by stealthy on 11/26/2022 in #front-end
Need clarity on mvc like structure on react project
Is it possible to create a react project in a way that works as MVC that works in like asp.net, any references would be very helpful
1 replies
KPCKevin Powell - Community
•Created by stealthy on 11/19/2022 in #front-end
Lazy loading list from API
i am trying to list the items from api in cards, api is paginated, so i have used my senior's code where he has created custom hook to fetch data whenever the last card comes using intersection observer, the observer working fine, the state which is used for page_number is updating properly but when i call the next set of data, instead of latest state value, old value is going, not sure why that is happening, eg. initial page number is 1, after fetching data , state changed to 2(checked with useEffect), once the last card comes, when i hit api again , its going as 1 instead of 2. can anyone help me regarding this.
6 replies
KPCKevin Powell - Community
•Created by stealthy on 11/1/2022 in #front-end
How to display the element over clipped space using Clip path
18 replies
KPCKevin Powell - Community
•Created by stealthy on 9/22/2022 in #front-end
What's Ideal situation for using promises
I have been learning promises, i know it can be used on asynchronous code, like for API fetching ,etc. When we create our own function that returns promises, How to determine which code can be considered as asynchronous, can anyone give clarity on this.
7 replies