#ReduxJS

We've reached a milestone with the Anahita React app. All the basic People and Actors operations are working now. These are the BREAD operations as well as follow/unfollow, block/unblock, login, logout, signup, and password reset. This took a while, because we had to research and experiment with different design patterns. This sets the path for the upcoming features. The code is still wet. For ...
Rastin Mehr

Rastin Mehr

  • October 20 2018
Rastin Mehr

Rastin Mehr

React/Redux Architecture in Anahita

I've been looking into ways for implementing a good React Redux architecture in Anahita which will respect the integrity of existing apps and extensions development. Normally in javascript apps everything is combined once and compressed as a final app.js bundle which gets executed in the browser. Once the bundle is created it is permanent until it is rebuilt again. So far 2 approaches come to m...

This week's focus will be studying more advanced #ReduxJS design patterns used in production level apps. Also studying ways to incorporate React, Redux, and Material Design in Anahita architecture.

Comments in a stream

Implementing comments was a bit challenging and yet quite fun. This is the first iteration of comments with inline editing and actions. #Anahita #ReactJS #ReduxJS #MaterialUI #Comments
Looks like we found a way to have reusable actions in both browse and read views of Anahita React. It works so well that we can even have Owner Actor follow/unfollow or block/unblock on story items. Going to implement the additional actions next. The code can be made DRY, but we aren't going to do that yet. We want to see all the patterns emerge and then we'll come up with higher order function...
Rastin Mehr

Rastin Mehr

So now we have actor profile covers with propper loaders. Also made the code more reusable by creating generic actor and action containers https://github.com/anahitasocial/anahita-react/tree/master/src/containers the biggest challenge with developing the React app for Anahita is finding the best design patterns. The trick is to avoid the temptation of premature optimization and let the patterns...
So the media browse view with notes, photos, and topics is working in the #Anahita #ReactJS app. At this point we are feeling more confident with the data flow and #ReduxJS patterns. It is time to put the focus back on the #MobileFirst design of user interfaces, because right now it is still desktop first. We also want the React containers and components to be as reusable and DRY as possible.

Powered by Anahita