Skip to content

Newsfeed GraphQL/ReactQuery refactor

Martin Santangelo requested to merge js/newsfeed-graphql into develop

Ticket(s) / Related Merge Requests

#5120 (closed)

Summary of Changes

  • Moved the newsfeed to a new module
  • Created a new more agnostic Feed Component
  • Created new Recommendations & Highlights components
  • Reimplemented the SeeLatestPost component using react-query
  • Implemented the newsfeed fetching hook using graphQL and react-query
  • Removed the FeedStore & feed service dependencies from the newsfeed
  • Refactored the entity View tracking
  • Reimplemented the FeedList Footer and Empty components
  • Reimplemented the fetching error handling and retry functionality
  • Reimplemented the newsfeed placeholder
  • Reimplemented the post-prepend functionality

The offline mode of the newsfeed is not working anymore with this change. We need to create a task to add cache persistence to react query.

  • Changelog file updated with this template (one or more)

Testing Considerations

  • The newsfeed should work as usual
  • Creating a post should append the post to the top
  • The in-feed notices should work as expected
  • The recommendations and highlights should be visible
  • The placeholder should be visible

Regression Scope

It affects the newsfeed and all the components contained in it.

Platform Affected (Android / iOS)

Both

Developer Testing Completed

Android device

Screenshots

IMG_9404F07E6AD5-1

Does this impact

  • Localization
  • Dark/light mode
  • Guest mode
Edited by Martin Santangelo

Merge request reports