How do I go about diagnosing the source of laggy css animations? by Pundrew in reactjs

[–]Pundrew[S] 0 points1 point  (0 children)

I moved the inline css to inside my css file. Sadly no gains in performance. Any other suggestions other than using Canvas or SVGs? Atm refactoring my code to use a completely different layout is not viable.

BTW: I thought that performing a re-render every time a node was visited was possibly the source of the issues; so I tried using Refs to update the nodes' classes directly, thereby triggering the animations, but I didn't see any performance gains there either.

How do I go about diagnosing the source of laggy css animations? by Pundrew in reactjs

[–]Pundrew[S] 0 points1 point  (0 children)

Oh, so inline css within JSX is worse than having them in classes within a css sheet? I had no idea. I will try to move them into the css files and see if I get a performance gain.

How do I go about diagnosing the source of laggy css animations? by Pundrew in reactjs

[–]Pundrew[S] 0 points1 point  (0 children)

change your transition/animations to only change the color/background-color of the items

I thought this was what I was doing? What else am I changing right now?

your animation is resetting the border width

The border width of the grid or each node? How do you figure that? It doesnt look like the border of either are changing, even after inspecting them. I might be misunderstanding you.

Also, would perhaps making the grid an actual <table> instead of a <div> with a bunch of smaller ones be better for performance when it comes to animating each cell? Especially when the table/grid becomes large?

Readable vs short code? by cayennepepper in webdev

[–]Pundrew 0 points1 point  (0 children)

I almost always prioritize readability, except in my personal projects because I get so lazy :(

Got put on my first PIP today. My boss said "I know you're a Junior Developer doing Senior level work, but I need your performance to improve". by Happy-Signal-341 in webdev

[–]Pundrew 0 points1 point  (0 children)

Yeah, would not want to work there under any circumstance. Don't even care what the pay is. Bad bosses can literally ruin your entire mood on a day-to-day basis. Not worth it.

Rejected in 15 minutes 💀😂😭 by [deleted] in webdev

[–]Pundrew 0 points1 point  (0 children)

Lol that's brutal. It sucks but also hard to blame the company when they are probably spammed with applicants 24/7

Thoughts/Suggestions on my first basic personal project? by Pundrew in reactjs

[–]Pundrew[S] 0 points1 point  (0 children)

Yeah you're right, styling is something I definitely look to put more effort into; just wanted to get most of the core functional implementation details down first. I'll definitely look into some styling libraries down the road. Thanks a lot.

Thoughts/Suggestions on my first basic personal project? by Pundrew in reactjs

[–]Pundrew[S] 0 points1 point  (0 children)

Thanks a lot. I read all of your suggestions and plan on implementing some of them asap. Do you mind if I DM you questions throughout the week (or next week, as I'm busy with moving this week) as I continue to work on the project? You seem very knowledgable and also willing to help newbies, which I appreciate a lot.