Sunday, December 20, 2015

ReactJsConcepts

In this blog, i will write a TODO application using ReactJs. It has 2 parts ReactToDoUI and ReactTodoService. 2 Parts that communicate over REST API.

just do

sh cleanAndRun.sh

And it will be up and running. Please start both the service and the UI. The code is set up for CORS, so that you can have multiple UI components interacting with Multiple service components.

The  code as always is on github.


Go to browser http://localhost:4000/



ReactJs takes a composition based approach to UI. It has less out of the box features compared to Angular Js, plus it is more js based.
The drawbacks disappear there. Because it takes a "Composition" based approach to UI development, you can parameterize your UI in to components. For example if you have a lot of forms, then Each Form can be a UIComponent, composed of , more components which are text boxes, date fields etc.

It takes some getting used to, but it is a great framework. It has built in Xss protection. Plus it is state based.You would override specific life cycle methods in React.

Just remember these lifecycle methods and override only the needed ones after reading React API..That's all you need.



No comments:

Post a Comment