Invoke Callback from MFE

[gabrielC1409]

Hello everyone, how are you?

I have a question about how the MFE can call a callback from the backend, which is the one that returns the grade to the student depending on the answer they gave in a course.

To put it in context, I am making an adjustment for Xqueue where through the callback that is in edxPlatform, through that callback it will return what the student’s grade is and thus the MFE can call the callback and show that information to the student.

If you need more information that would be useful to me, please provide it so that you can help me. I am attentive.

[jill (Jillian Vogel)]

Hi @gabrielC1409 , thank you for working on XQueue

A good example can be seen in the Authoring MFE, most recently in library-authoring.

It uses react-query hooks to retrieve and update data in the backend, which OEP-0067 recommends (instead of the redux approach used in the course authoring part of that MFE, which is a lot more complicated). React-query’s documentation is great too, and definitely worth a read.

For example:

• useContentLibrary will fetch a given content library, providing isFetching and isLoading flags while the data fetches/loads, before finally returning the content library itself (or an error).
• useUpdateLibraryMetadata will update a library.
• The hooks use APIs like getContentLibrary to make the actual backend calls, and query keys like libraryAuthoringQueryKeys.contentLibrary to let react-query know when data has changed, so it can invalidate previous queries and automatically re-load data shown in the UI.
• getAuthenticatedHttpClient from @edx/frontend-platform/auth takes care of authentication.