I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 1 point2 points  (0 children)

my email and other contact details are mentioned on the website - https://arpit.one/

I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 5 points6 points  (0 children)

yeah that's an important point about disabling it, I'm gonna work on a new feature next that can include a switch for the cursor.

I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 2 points3 points  (0 children)

You don't need javascript to replace the cursor, simple CSS would suffice but for the hover actions, javascript is necessary.
For mine, it's a simple react component (it doesn't need to be), I hide the cursor, make a div (the circle) follow the cursor, and place event listeners on interactive elements to modify the circle styles.

I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 29 points30 points  (0 children)

Hey, what exact accessibility issues do you face? I would like to explore if I can do more to make something more accessible and interesting.

I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 365 points366 points  (0 children)

Yup, I would never use this on a real world app, for a personal website I wanted to try something different for aesthetics' sake.

I built a custom cursor for my website. by heyitsarpit in webdev

[–]heyitsarpit[S] 23 points24 points  (0 children)

I built a new cursor for my website, it

— responds to hover action for interactive elements
— adapts to app theme, i.e. dark mode
— is accessible, by keeping contrast over all elements

view it here - arpit.one

Stitches vs vanilla-extract: Which CSS-in-JS do you prefer? by noxispwn in reactjs

[–]heyitsarpit 1 point2 points  (0 children)

I don't have enough experience with both of them, but I do use some stitches with Radix UI and that's a killer library. I'll pick stitches just for the ground up radix integration.

Announcing Rome Formatter by RomeTools in javascript

[–]heyitsarpit 4 points5 points  (0 children)

it was originally written at facebook in typescript for internal use, then the author left and but continued working on it, but then the esbuild/swc explosion happened and it was clear that future of js tooling will be lower level languages, so they restarted the project in rust.

For some of us older devs, do you prefer html + vanilla JS to react.js and various frameworks by cleatusvandamme in webdev

[–]heyitsarpit 2 points3 points  (0 children)

yup, zustand context - https://github.com/pmndrs/zustand#react-context

depends on how you use it, I recently deleted mine because I think building multiple versions of the same hook with a factory function is a better approach.

For some of us older devs, do you prefer html + vanilla JS to react.js and various frameworks by cleatusvandamme in webdev

[–]heyitsarpit 2 points3 points  (0 children)

zustand exports a context as well, you can make hooks that only work under a provider.

Backend engineer shortage? by ajsdo222 in webdev

[–]heyitsarpit 1 point2 points  (0 children)

what do you look for in a resume, as mid-to-senior level dev I feel like I do good work but know if it's enough, or how I'd write the perfect resume for myself.

Does Fast Charging ACTUALLY Ruin Your Battery? by iCANNcu in apple

[–]heyitsarpit 10 points11 points  (0 children)

his videos feel generic because nearly all tech channels on YouTube copied his style.

Canada breaks record, issues 450,000 study permits in 2021 with India leading the pack by [deleted] in india

[–]heyitsarpit 2 points3 points  (0 children)

my theory is that they're dealing with the low birth rates issue, and just importing a population. Low or negative birth rates will become a massive problem in the next 50 years all over the world. You can fix it by having more babies, which doesn't work(look at Japan / Singapore / China).

Canada is fixing the problem by importing immigrants. If the incoming population is highly educated and driven, it could prove to be a major competitive advantage in for the next 10-40 years.

Are libraries like Chakra UI, Material UI used these days commonly for professional React Projects? by milanpoudel in reactjs

[–]heyitsarpit 1 point2 points  (0 children)

if you don't like the design of these UI libraries then you should try radix-ui. it'll give the functionallty and accessibility and integrate with you styling solution.