#ReactJS

Reminder that Friday to Sunday are the weekly #Anahita #Hackathon days and this week's focus is development of Anahita #ReactJS app which will be used as the client side of Anahita. Follow the Anahita Project group to help out, stay updated, or work on your own Anahita project alongside.
Umesh

Umesh

Separating Anahita API and Client side

I like this idea. Indeed that will simplify the architecture as well it will make easier to switch if in future something new pops up to replace #ReactJS
Rastin Mehr liked this
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...

Rastin Mehr

Rastin Mehr

  • July 15 2017
Time to read some #ReactJS and #Redux code examples
A good list of websites using #ReactJS https://github.com/facebook/react/wiki/sites-using-react they make conventional php/jquery websites look very humble
Rastin Mehr

Rastin Mehr

  • June 08 2017
Redux is a predictable state container for JavaScript apps http://redux.js.org #ReduxJS #ReactJS
Nick Swinford

Nick Swinford

What do we want to see in Anahita 4.4

@Rastin, one of the main concerns I keep coming back to when I'm thinking about this is overriding views. One of the great parts of Anahita is the ability to override layouts and templates easily. How will that work when we're rendering everything in the frontend? If we go with #ReactJS, I'd imagine we'd build with Webpack, could we provide some option to override the default Anahita React C...
2 people liked this
Rastin Mehr

Rastin Mehr

Our focus is shifted on research and prototyping for the 4.4 release. If you know any technologies or articles about #ReactJS #VueJS #Flux #MaterialDesign #MobileFirst and #ProgressiveWebApps please share and tag.

Separating Anahita API and Client side

Here is another idea. Developing the React client side as a vendor in a separate repository. Reducing the existing php codebase to APIs only. There is no need to bake the react javascript app into Anahita's architecture. This way people can choose to use a React or Vue client side or no client side at all by simply changing the composer.json file.   

Apps primarily extend Anahita's API. They m...

More #ReactJS and #ReuxJS code study this week 🤓 and we should be ready to start #Anahita development next week. This was a time consuming research and the fresh possibilities are exciting!

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...

This week's focus is code reading. Examples of #ReactJS #ReduxJS #MaterialDesign and Anahita patterns for UI data states and UI Design. JQuery seems like a stick and stone technology in comparison to React and Redux.

Studying comparisons between VueJS and ReactJS

I'm researching the pros and cons of each technology. So far I've found the following links. If you know of any other sources or implementations, please share:

  1. Comparison of VueJS with other frameworks: https://vuejs.org/v2/guide/comparison.html
  2. React or Vue: Which Javascript UI Library Should You Be Using? https://medium.com/js-dojo/react-or-vue-which-javascript-ui-library-should-you-be-using-...

Rastin Mehr

Rastin Mehr

What do we want to see in Anahita 4.4

Blossoms in WestEnd

The focus of #Anahita 4.3 was to completely remove Joomla from Anahita. The focus of next release will be #MobileFirst and developing a client server architecture where all the UI layouts and elements are generated in the browser using Javascript while the server side php becomes mostly an API.

This article describes the ideal scenarios that we are aiming to achieve.

Designing for Mobile First

The...

Rastin Mehr

Rastin Mehr

  • September 06 2016
A React-like user interface micro-library http://riotjs.com #riotjs #reactjs

Powered by Anahita