Photos
Anahita Project's Photos
Added react-player which supports platforms such as youtube, vimeo, soundcloud, twitch, and dailymotion. #Anahita #Hackathon #Players #ReactJS #MaterialUI #ReactPlayer
Anahita Locations Browse
Locations Browse view. This was surprisingly easy using the new HOC approach. #ReactJS #MaterialUI
Hashtags View
This looks pretty much finished at least for now #hashtags #AnahitaReact #ReactJS #Anahita #MaterialUI
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
Added Notification subscribe/unsubscribe and Medium Delete actions. The design pattern for actions workflow is coming together. #Anahita #Hackathon
This weekend we performed more work on #Anahita stories in our #ReactJS app. Implemented localization, container to construct story messages. Also performed some refactoring and UI adjustments. Mos... Read More
This weekend we performed more work on #Anahita stories in our #ReactJS app. Implemented localization, container to construct story messages. Also performed some refactoring and UI adjustments. Most of Anahita React development work isn't about building features, but finding new software design patterns for a complex graph architecture system. This will be our ongoing obsession. #Anahita #Hackathon Read Less
InfiniteScroll is working as well as PersonPage container and components at the basic level. #ReactJS #MaterialUI
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... Read More
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 Read Less
Content Filters for Hashtags, Mentions, and URLs
Today we added content filters for hashtags, mentions, and URLs. Quite likely we won't be using plyr.io for the anahita-react app, because it is processing heavy and throwing way too many errors. W... Read More
Today we added content filters for hashtags, mentions, and URLs. Quite likely we won't be using plyr.io for the anahita-react app, because it is processing heavy and throwing way too many errors. We are going to try the react-player library instead which has support for youtube, vimeo, soundcloud, and facebook videos. It seems to be less processing intensive too. We'll see about that. #Anahita #Hackathon #ContentFilters #ReactJS #MaterialUI Read Less
Anahita Locations Read View
Locations Read View. This was quite simple and there was already a React component for rendering the map. #ReactJS #MaterialUI
Hashtag View
This looks pretty much finished at least for now #hashtags #AnahitaReact #ReactJS #Anahita #MaterialUI
An example of Hashtag view in Anahita React app
This is the first iteration of Hashtag Read view with the list of taggables. We also made improvements to the API and how the taggables JSON being constructed. The new changes will be in the next r... Read More
This is the first iteration of Hashtag Read view with the list of taggables. We also made improvements to the API and how the taggables JSON being constructed. The new changes will be in the next release of Anahita. #Anahita #Hackathon #Tags #Taggables #ReactJS #ReduxJS Read Less
Allowing comments on a stream came as a design pattern challenge at first, but the 5th idea worked well which was constructing a two level comment state tree where comments are grouped by parent id... Read More
Allowing comments on a stream came as a design pattern challenge at first, but the 5th idea worked well which was constructing a two level comment state tree where comments are grouped by parent ids. Now this approach is working too well which means whenever a comment is added all the stories on the stream with the same set of comments get updated. That means we need to make changes to the query that fetches and reorders the list of stories. #Anahita #Comments #DesignPatterns #ReactJS #ReduxJS #MaterialUI Read Less
Like/Unlike actions are working. Furthermore, revised a design pattern of handling actions in browse views. The Follow action implementation is also another example. #Anahita #Hackathon #ReactJS #R... Read More
Like/Unlike actions are working. Furthermore, revised a design pattern of handling actions in browse views. The Follow action implementation is also another example. #Anahita #Hackathon #ReactJS #ReduxJS #MaterialUI Read Less
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 act... Read More
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. Read Less
Masonry layout in React
Got to be thankful to #ReactJS components that that save us time. React Stack Grid https://github.com/tsuyoshiwada/react-stack-grid took care of the #masonry layout. Now all we have to do is to loa... Read More
Got to be thankful to #ReactJS components that that save us time. React Stack Grid https://github.com/tsuyoshiwada/react-stack-grid took care of the #masonry layout. Now all we have to do is to load data and append to the list to have infinite scroll working. Read Less
