Please don't break the back button (Firefox and Chrome). In Firefox 29.0 on Ubuntu 14.04, the left sidebar with the text of the blog disappears and is replaced with a white space. I do not experience this on Chrome.
Removing User Interface Complexity, or Why React is Awesome
21–30 of 228 posts
Re: Removing User Interface Complexity, or Why React is Awesome
#22Instead of having React altogether, wouldn't it make sense to have the browser keep track of a virtual DOM, and only repaint whatever changes on its own, while managing its own requestAnimationFrame and paint cycles? P.S. I haven't looked into this in depth, just throwing an idea out there.
From what I understand, the core idea is that changes are applied to the virtual DOM in a very simple way (from the application point of view). Then there is another piece of code that knows how to efficiently find the diff between the vDOM and DOM and apply the changes. It seems that last part could be done by the browser.
Re: Removing User Interface Complexity, or Why React is Awesome
#23Please don't break the back button (Firefox and Chrome). In Firefox 29.0 on Ubuntu 14.04, the left sidebar with the text of the blog disappears and is replaced with a white space. I do not experience this on Chrome.
Add Opera to that list as well, or anything Blink based i would assume
Re: Removing User Interface Complexity, or Why React is Awesome
#24As a recommendation to the author, it would make sense to show the example/demo area the whole time, not only once I scroll down. It confused me. A lot.
Agreed, I really like the demo area but it's a bit of a shock when it first shows up.
Re: Removing User Interface Complexity, or Why React is Awesome
#25Earlier quoted context omitted.
Not even if bower let you search by component type or some kind of category or tag?
The best interface for a react UI component repository would be something that had information like: * A picture of what the component looks like * How large the component is in KB * Which CSS frameworks it requires or supports * Cross browser support information Bower is a very simple package manager right now with little information about the package beyond its name, a line of descriptive text, and a link to the Gi…
Re: Removing User Interface Complexity, or Why React is Awesome
#26Since React claims to be super fact, has done a performance comparison to see in what situations and how much better react performs in certain cases, compared to say, angular.js or more vanilla frameworks?
(Also I hear that there is a really great speedup that using OM gives you, but I haven't seen any comparisons with om either)
Re: Removing User Interface Complexity, or Why React is Awesome
#27Earlier quoted context omitted.
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
The confirmation popover you link to is a good example. It's a black-box component which exposes a fairly minimal interface. The constructor for this component works like this:
new ConfirmationPopover(msg, [title])
To attach the popover to an element you need to do: popover.show(el, [fn])
However, if we take another component from the same library, the swipe component[1], we see different conventions. Its constructor: Swipe(el)
It also has a show method which takes totally different parameters: .show(i, [ms], [options])
This is why I describe such systems as package managers or library managers - they're just a way of importing and exporting code and don't do anything to aid reuse. They're not particularly likely to play well together, lack standard interfaces and are almost certainly not composable in any meaningful way.React components are different because React defines some standard details of how components behave, how to extend them, how to inspect them and pass data back and forth. Components can contain other components, and all components have a relative place in the render tree. This makes possible standard developer tools that can be used to observe and inspect components in a DOM-like tree structure[2].
So, you could certainly use bower to distribute React components. What's different about React isn't how the code is distributed but the fact that you can have expectations about how, say, a React photo gallery component would behave that you would not get from some other JS library.
[1] https://github.com/component/swipe [2] http://facebook.github.io/react/blog/2014/01/02/react-chrome...
Re: Removing User Interface Complexity, or Why React is Awesome
#28I 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…
I'm working on an app that takes this idea a step further. It is a platform that lets people create apps by defining a data schema and UI components to edit and display this. Once an app/schema/component is defined, it can be "forked" by others and further customized. Think github not for source code, but live apps[1]. One of the key requirements for this was a way to run untrusted scripts client-side (server-side is…
If so this will be very useful, especially since it sounds like it will allow us devs to spend more time on the business specific logic, and making the interface beautiful, instead of spending lots of time gluing together components and models.
Re: Removing User Interface Complexity, or Why React is Awesome
#29After all the excitement about Angular for example, I went to learn about it and just got lost with new concepts: DOM transclusion, scopes, services, directives, ng-apps, controllers, dependency inversion and so on. I can use it but need someone to hold my hand. It reminded me of Enterprise Java Beans.
But so far just learning how React is put together and looking at the tutorials it seems like less of a framework and easier to understand altogether. I suspect this might become the new way to build web applications.
Well anyway, don't take this too seriously, I as said, I am an outsider to this.
Re: Removing User Interface Complexity, or Why React is Awesome
#30As mostly an outsider to the web front end development, React.js is probably the easiest one for me to understand among the typical "frameworks", especially Angular and Ember. After all the excitement about Angular for example, I went to learn about it and just got lost with new concepts: DOM transclusion, scopes, services, directives, ng-apps, controllers, dependency inversion and so on. I can use it but need someon…
React? I grok that.