#MaterialUI

React Redux Material UI Resources

In the next release of Anahita we are rebuilding the UIs in #ReactJS and #MaterialUI. The php back-end will be mostly providing Restful APIs and will only be rendering pages with SEO value, otherwise Anahita will be mostly rendering as a single page app #SAP for the logged in users. If you want to start learning the technologies that we will be using here are some resources that I've studied:

Re...

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
Rastin Mehr

Rastin Mehr

  • October 20 2018
Rastin Mehr

Rastin Mehr

InfiniteScroll is working as well as PersonPage container and components at the basic level. #ReactJS #MaterialUI
Rastin Mehr

Rastin Mehr

  • November 26 2017
Rastin Mehr

Rastin Mehr

This is not the final look. We can only login/logout, browse people, and follow/unfollow them at this point. As we build more of the basic containers and components the pace accelerates. This is so much fun! #ReactJS #MaterialUI
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 ...
Implementing Actor's settings. For now it is only the actors info until all the people's basic operations are done. The idea is to come up with all the design patterns that we need for data and actions. Building user interfaces in #MaterialUi is quite fun.
Rastin Mehr

Rastin Mehr

  • September 16 2017
Rastin Mehr

Rastin Mehr

  • December 02 2017
Today and tomorrow is focused on refactoring Anahita codebase and removing some legacy nooku code, studying mobile first ui patterns, implementing #MaterialUI snack bars, and studying whether we should use objects instead of arrays in our redux reducers. #Anahita
Spruced up media cards and added actions #Anahita #Hackathon #ReactJS #MaterialUI
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...
Rastin Mehr

Rastin Mehr

We implemented the comment status-change action in #Anahita #ReactJS and did some code refactoring too. We're loving the React hooks and going to use them more often. Next, we're going to redesign the actor Read views and also get the #MaterialUI dark theme working.

Powered by Anahita