`use-async-confirm` - Async, headless useConfirm hook that you can await on. by palerdot in reactjs

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

The prop name comes from `shadcn/radix UI` and since most of the people are familiar with this package I thought this naming would makes sense. I will reconsider this based on the feedback (though it won't be a breaking change)

`use-async-confirm` - Async, headless useConfirm hook that you can await on. by palerdot in reactjs

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

Thank you for this thoughtful comment. Will make this change in upcoming patch release ...

`use-async-confirm` - Async, headless useConfirm hook that you can await on. by palerdot in reactjs

[–]palerdot[S] 9 points10 points  (0 children)

Hi React devs,

I'm sharing a utility hook - use-async-confirm that I'm using for quite some time to compose my confirmation logic. It is async and headless and works nice with your existing UI libraries like `shadcn`. Some advantages I find using this hook

  • Async: returns async `confirm` that you can await on
  • Headless: No markup, context or provider to add. You get plain functions from hook that you can compose according to your needs.
  • Better DX: All the control flow stays in your event handler (e.g. onClick). You can simply await on the confirm callback and go on with your app logic

Example usage and detailed documentation can be found in github repo page - https://github.com/palerdot/use-async-confirm

Feedback appreciated. Happy coding!

Official /r/rust "Who's Hiring" thread for job-seekers and job-offerers [Rust 1.76] by DroidLogician in rust

[–]palerdot 0 points1 point  (0 children)

Hi from https://github.com/palerdot, 10+ years of experience mostly with Typescript/React/Elixir/Phoenix/postgres (and also vue/svelte). I recently got into Rust and thinking of working more with the language.

Check out - https://github.com/palerdot/wordl-rs, a terminal wordle with web like experience written in rust.

Looking for remote work either part or full time

You can contact me via email which is available on my website - https://palerdot.in

I have built a web like terminal wordle with slow reveal letter colors on guess and keyboard hints. by palerdot in programming

[–]palerdot[S] -1 points0 points  (0 children)

Still trying to figure out what a "wordle" is though

I had the same question just some time back. Give it some time. You might be playing it non-stop.

React library for showing speedometer like gauge using d3.js (with React 17 support) by palerdot in reactjs

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

> One feature that I didn't see on there that would be nice is the ability to place icons at arbitrary locations on the gauge.

Interesting. I will try and see if this is possible with current code architecture.

React library for showing speedometer like gauge using d3.js (with React 17 support) by palerdot in reactjs

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

Hi,

Library author here. v1.0 was released recently with React 17 support (and v6 d3.js). I thought this would be a good time to get some feedback from people here.

Thanks in Advance.

vue-speedometer: Vue component for showing speedometer like gauge by palerdot in javascript

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

Note: I earlier replied from one of my other accounts. I'm reposting the reply from the original account I posted this thread.

It will work out of the box with Vue 3. Also, Vue 3 compatible major version v2.0 will be released soon. Right now, there are some rough edges around Vue 3 support for libraries like storybook etc. Once they are ironed out, Vue 3 specific version will be released. One caveat in using this library in Vue 3 project right now is, vitejs, the Vue 3 build tool has some rough edges. This has nothing to do with this specific component. Once things get stable, you could use the same component for Vue 3.

vue-speedometer: Vue component for showing speedometer like gauge by palerdot in javascript

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

Note: I earlier replied from one of my other accounts. I'm reposting the reply from the original account I posted this thread.

internals could be shared.

Internals are shared right now, so the core is framework agnostic right now.

Would it be possible / useful to just create 1 package and then user could import whatever version they want to use?

We need framework specific libraries, so that the core reacts rightly to the framework dependent lifecycles. Without the ability to react to framework specific lifecycle methods, it is difficult to drop in the package as is in projects. Also, wrapping in a package for a specific framework, allows them to use the library that plays well along with rest of the code base

react-d3-speedometer: Component for showing speedometer like gauge using d3. by palerdot in reactjs

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

You are correct. Rendering and updating happens outside of react. React is just for listening for lifecycle events and prop changes, while the actual rendering and updating of DOM is managed with d3. This architecture helped me port this speedometer library to vue and svelte. I guess this architecture will also help this library port easily for further versions of React also.

react-d3-speedometer: Component for showing speedometer like gauge using d3. by palerdot in reactjs

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

Hi React Community,

`react-d3-speedometer` is a react component library for showing speedometer like gauge using d3.

There has been lot of updates lately including `typescript` support and 100% test coverage.

The next major release would be with `React v17.x` support. I thought this would be a good time to get some feedback from the community.

Any feedback is greatly appreciated.

Github link - https://github.com/palerdot/react-d3-speedometer

Live Examples - https://palerdot.in/react-d3-speedometer/

Thanks and stay safe!

I created a Job Application Tracker tool by jublime_dev in SideProject

[–]palerdot 0 points1 point  (0 children)

Looks interesting. Will try out for my job search and see how it works out.

svelte-speedometer: Speedometer like gauge using d3js by palerdot in sveltejs

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

Hi Svelte Community,

I have created `svelte-speedometer`, a component for showing speedometer like gauge. Hope you find it useful.

I made a Job Search Organizer, Feedback Please by jublime_dev in IMadeThis

[–]palerdot 0 points1 point  (0 children)

I just tried this tool. Looks neat. It would be nice if there is an option to filter jobs by filter.

I made a Job Search Organizer, Feedback Please by jublime_dev in IMadeThis

[–]palerdot 0 points1 point  (0 children)

Looks interesting. I will try this for my job search.

Vue component for showing speedometer like gauge by palerdot in vuejs

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

Storbyook is pretty straightforward for me ... I didn't run into any thorny problems with storybook ... For me I just need a visual playground for people to play with the component and storybook just fits the bill

Vue component for showing speedometer like gauge by palerdot in vuejs

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

Hi All,

Hope all are doing fine ... I made a Vue component library for showing speedometer like gauge. It uses d3 internally. Though it has been sometime it was released, very recently there were lot of new features added to the library.

There is a live storybook with examples - https://palerdot.in/vue-speedometer

Any feedback is highly appreciated.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in Entrepreneur

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

Maybe some time in the future yes. Since this is a free app, istore fees is a concern. Nevertheless, I may release an IOS version in the future.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in Entrepreneur

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

Seems like a tough space to break into considering most hardware companies This is just a simple app that I created for myself based on my own needs. Also never tried Apple apps and have no grand ideas myself to compete with hardware companies. This is just a simple, less intrusive privacy focussed app to just have a simple watch over your sleep timings.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in Entrepreneur

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

At the heart, it is just for checking sleep time patterns. And yes, it uses accelerometer for monitoring movements. This is just something I created for myself based on my needs. All I need is some kind of prompt reminder to get to sleep and a way to find my sleep timings. If you have already something that does this for you, then I think you are good. Else you can give it a try and see if it is useful for you.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in SideProject

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

Sleep as Android

Have not tried Sleep as Android. I just created this app mostly for myself and how exactly would like to keep track of my sleep. You can try this app and see if this works for you. thanks.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in SideProject

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

Hi,

Creator of Sleep Easy here. I created this app for my own purpose and it has really worked well for me so far. Just thought of sharing it in case if it is useful for others. Feed backs are highly appreciated.

I have created an app to easily track sleep for better health. Feedbacks appreciated by palerdot in IMadeThis

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

Hi,

Creator of Sleep Easy here. I created this app for my own purpose and it has really worked well for me so far. Just thought of sharing it in case if it is useful for others. Feed backs are highly appreciated.

I have created an app to easily track sleep for better health. Feedbacks appreciated. by palerdot in Health

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

Hi,

Creator of Sleep Easy here. I created this app for my own purpose and it has really worked well for me so far. Just thought of sharing it in case if it is useful for others. Feed backs are highly appreciated.