Live data from Hacker News

Removing User Interface Complexity, or Why React is Awesome

jlongster.com

1–10 of 228 posts

Re: Removing User Interface Complexity, or Why React is Awesome

#3
Great post. I recently started a project using reactjs, and I have nothing but good things to say. The unidirectional data flow, the declarative nature, and the virtual DOM makes it powerful and very easy to like.

The best resource is to follow the tutorial (link below). The tutorial explains everything you may have a question about when comparing it to Backbone, Angular, or Ember.

http://facebook.github.io/react/docs/tutorial.html

I also found the IRC channel to be very, very helpful.

The only downside is that you still have to rely on other tools to make a true SPA like routing.

Re: Removing User Interface Complexity, or Why React is Awesome

#4

Great post. I recently started a project using reactjs, and I have nothing but good things to say. The unidirectional data flow, the declarative nature, and the virtual DOM makes it powerful and very easy to like. The best resource is to follow the tutorial (link below). The tutorial explains everything you may have a question about when comparing it to Backbone, Angular, or Ember. http://facebook.github.io/react/doc…

I found this blog post to be very useful on how to leverage Backbone.Route with Reactjs.

https://medium.com/react-tutorials/c00be0cf1592

Re: Removing User Interface Complexity, or Why React is Awesome

#5
I really like the core concepts of React, especially the way it is designed to help you organize your code into reusable components.

I think the key to making React take off is building a centralized repository for components that are open source. Then building your webapp would be as easy as importing the components you need:

     bower install react-navbar
     bower install react-signup-form
     bower install react-sso-signin-form
I think this is definitely the future of how front end web development will be one day.

Re: Removing User Interface Complexity, or Why React is Awesome

#6
post #5

I really like the core concepts of React, especially the way it is designed to help you organize your code into reusable components. I think the key to making React take off is building a centralized repository for components that are open source. Then building your webapp would be as easy as importing the components you need: bower install react-navbar bower install react-signup-form bower install react-sso-signin-f…

Surely this doesn't have anything to do with react though? Bower[1] or Component [2] will do this.

[1] http://bower.io/

[2] http://component.io/

edit: the parent comment originally referenced a theoretical `react` command and didn't mention bower, which is why I brought it up.

Re: Removing User Interface Complexity, or Why React is Awesome

#7
post #5

I really like the core concepts of React, especially the way it is designed to help you organize your code into reusable components. I think the key to making React take off is building a centralized repository for components that are open source. Then building your webapp would be as easy as importing the components you need: bower install react-navbar bower install react-signup-form bower install react-sso-signin-f…

Surely this doesn't have anything to do with react though? Bower[1] or Component [2] will do this. [1] http://bower.io/ [2] http://component.io/ edit: the parent comment originally referenced a theoretical `react` command and didn't mention bower, which is why I brought it up.

Bower and component are more like package managers. GP is talking about a library of re-usable user interface components.

Unfortunately, my best attempt at an analogy is Visual Basic controls, which might not be a great precedent, but the idea itself is a good one.

Re: Removing User Interface Complexity, or Why React is Awesome

#8
Would you recommend using React instead of Angular for JS heavy areas of a website that is built with a server side framework (like Rails, Django etc.)?

I developed a rather complex SPA with Angular recently and I cannot go back to the ghetto that is jQuery when using server side rendering.

Re: Removing User Interface Complexity, or Why React is Awesome

#9
post #5

I really like the core concepts of React, especially the way it is designed to help you organize your code into reusable components. I think the key to making React take off is building a centralized repository for components that are open source. Then building your webapp would be as easy as importing the components you need: bower install react-navbar bower install react-signup-form bower install react-sso-signin-f…

Surely this doesn't have anything to do with react though? Bower[1] or Component [2] will do this. [1] http://bower.io/ [2] http://component.io/ edit: the parent comment originally referenced a theoretical `react` command and didn't mention bower, which is why I brought it up.

Heh... was just in the process of updating my comment with Bower when you replied. I agree that this could work with Bower as the package manager.

However, it would be more convenient if there was a distinction between packages that are designed to be UI components, and packages like AJAX libraries, async, and other logic libraries, which are a better fit for bower.

Distributing the UI components via bower is doable, but it wouldn't be nearly as nice as a dedicated component ecosystem where it is easy to search and discover relevant React components.

Re: Removing User Interface Complexity, or Why React is Awesome

#10
post #7

Earlier quoted context omitted.

Surely this doesn't have anything to do with react though? Bower[1] or Component [2] will do this. [1] http://bower.io/ [2] http://component.io/ edit: the parent comment originally referenced a theoretical `react` command and didn't mention bower, which is why I brought it up.

Bower and component are more like package managers. GP is talking about a library of re-usable user interface components. Unfortunately, my best attempt at an analogy is Visual Basic controls, which might not be a great precedent, but the idea itself is a good one.

Well they just edited their initial post to specifically use a `bower` command rather the theoretical `react` command, so I'm not sure. What would the different be between your VB-style controls and something like this confirmation popup:

https://github.com/component/confirmation-popover

Post reply on HN