nublet
KPCKevin Powell - Community
•Created by nublet on 4/5/2024 in #front-end
Looking for direction / guidance about this particular canvas effect + resource
2 replies
KPCKevin Powell - Community
•Created by nublet on 9/21/2023 in #front-end
Animating columns for tables
How should i animate columns populating or being removed for a table
2 replies
KPCKevin Powell - Community
•Created by nublet on 6/23/2023 in #front-end
Best Architectural Design For Drag n Drops.
Parent -
1. I have an state that contains an array of items.
2. I mapped my items to a 2d grid where each array is a row and each item is the index.
3. I then update the array state, so each array of items has an updated field for its grid position and made a seperate state for the stylesheet.
Child Component -
Takes in style state.
Contains all the logic with onDrag, onDragStart, onDragEnd
onDrag will fire a function from the parent to update the style so the child component can rerender..
Function that fires when dragging will end up fireing step 2 and 3.
There has to be a better way for me to layout this logic, because its so convoluted.
Also the grid is a grid that is 3 wide and dynamically tall.
The items in the grid can be 2x2, 1x2,1x1.
1 replies
KPCKevin Powell - Community
•Created by nublet on 6/20/2023 in #front-end
Cloning IOS Moving Apps around feature.
12 replies
KPCKevin Powell - Community
•Created by nublet on 5/26/2023 in #front-end
Suggestions on how to start or tackle this problem.
I want a UI that represents mapping and have the ability to do those mappings. With that in mind I am approaching the problem with SVGS. Some questions that comes to mind are, Can I mask my HTML codes with a SVG and have the HTML functions still executable when I click on the mask? Or should I create the entire environment in a SVG and have clickable rectangles.
Here's an example of what I am trying to execute. https://codepen.io/Mamboleoo/pen/NWrBoep
50 replies
KPCKevin Powell - Community
•Created by nublet on 5/15/2023 in #front-end
What are some ways to display lines between two divs to show mapping or connections.
8 replies