Comments (7)
czue
commented on June 21, 2024
1
Hey! I have done this but so far only by dropping the JS dependency on the page. I've learned a lot about how JavaScript works since originally creating this.
It would be great to package the JS separately and distribute it via NPM so that it can more easily integrate with React and other frameworks. That work is something I'd love to make time for in the future. At the moment, I'm not sure when I'll be able to but would love help or will prioritize when I come back to this lib down the road.
from celery-progress.
czue
commented on June 21, 2024
1
thanks, I took a quick look and it looks like a great resource!
from celery-progress.
TWEEDOriginal
commented on June 21, 2024
I think I figured out how to do this
from celery-progress.
TWEEDOriginal
commented on June 21, 2024
Hi, thanks for this library,
Can anyone please demonstrate how to use this in a react project with Django/Django Rest Framework backend?
Hello, I think I have figured out how to do this
from celery-progress.
czue
commented on June 21, 2024
@TWEEDOriginal any more details? Guessing it would be helpful for others.
from celery-progress.
TWEEDOriginal
commented on June 21, 2024
In my models.py I created a specific model for task_id so whenever a celery task is initiated with .delay() a new task_id model which contains the task_id is created.
// Django code
result_task = process_document.delay(instance.pk)
ResultTaskID.objects.create(task_id = result_task.task_id)
//
So in my front end(React) I get the task_id via an api call to the server, Then the rest is just like you explained in the documentation.
// Django local host
var resultprogressUrl = `http://127.0.0.1:8000/celery-progress/${actual_result_task_id}`
I also copied your CeleryProgressBar class from your GitHub and I imported it into react the normal way. So to view the progress bar I do this.
CeleryProgressBar.initProgressBar(resultprogressUrl);
… On 30 Sep 2020, at 08:26, Cory Zue ***@***.***> wrote:
@TWEEDOriginal any more details? Guessing it would be helpful for others.
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or unsubscribe.
from celery-progress.
iamtekson
commented on June 21, 2024
Hi there,
I have integrated the celery-progress with react. I also have created a tutorial for it. Check out the tutorial on dev.to/iamtekson.
I think I have to apply a little bit more conditions on the frontend. @czue, @TWEEDOriginal, @aashayamballi, I am expecting your help to improve the integration. Thank you.
from celery-progress.
Related Issues (20)
- Using master branch leads to Javascript TypeError HOT 1
- DOM only updating last element of the loop while diplaying progress HOT 2
- django.conf.urls.url() deprecated in Django 3+, removed in 4.0 HOT 3
- using websockets with channels_redis 4.0.0+ leads to RuntimeError("Event loop is closed") HOT 2
- NoReverseMatch at /status 'celery_progress' is not a registered namespace HOT 2
- celery Progress on file upload HOT 1
- Get the actual value when onProgress HOT 4
- Update two bars relatively to two workers HOT 6
- Maintenance and support for Django >= 3.1 HOT 3
- Race between creating ProgressRecorder and setting its progress HOT 6
- Introduce changelog HOT 3
- get_progress endpoint allows retrieval of arbitrary tasks HOT 7
- How would one use this progress bar when a task is wrapped in a Django transaction.on_commit? HOT 4
- Create Sdist HOT 9
- Handling a FileResponse HOT 3
- Config Mensages HOT 1
- 'celery_progress' is not a registered namespace
- ajax request using htmx HOT 1
- This could benefit from documantation for how to use it with chord or group based workflows. HOT 4
- Legacy install method will be deprecated soon HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from celery-progress.