React JavaScript library gets new tools

The upgraded tools feature tree view, component-searching, and a defined API for working with internals

React JavaScript library gets new tools
Credit: Shutterstock

React, a JavaScript library co-developed by Facebook and Instagram for building user interfaces, is getting "entirely new" developer tools.

The tools, which are in a beta release stage, feature such capabilities as a tree view, for richer views of props; component searching; and a side pane, for showing context of a component.

"Perhaps the biggest reason [for new tools] was to create a defined API for dealing with internals, so that other tools could benefit as well and not have to depend on implementation details," said project participant Jared Forsyth, in the React blog, this week. " This gives us more freedom to refactor things internally without worrying about breaking tooling." The tools are much less coupled to the Chrome browser, according to Forsyth.

Programming with React is akin to working with a game engine, with screens cleared at the beginning of each frame and redrawn, as opposed to a traditional data-binding approach, React team member Pete Hunt explained in an InfoWorld interview in 2014. Hunt, described React as having "a fundamentally different mental model for building user interfaces." Used as the "View" part of the Model-View-Controller pattern, React abstracts the DOM, with the intention of providing a simpler programming model and better performance.

The new tools are more extensible and hackable, being "100-percent React," Forsyth said, and they're compatible with both the Firefox browser and React Native, for building native iOS apps via React and JavaScript. The featured tree view capability emphasizes custom components and offers improved keyboard navigation. With the searching capability, components can be searched by name.

Installing the tools requires users to disable the Chrome Web store version of React tools. The new tools can be accessed at this GitHub page.

This story, "React JavaScript library gets new tools" was originally published by InfoWorld.

To comment on this article and other CIO content, visit us on Facebook, LinkedIn or Twitter.
Download the CIO October 2016 Digital Magazine
Notice to our Readers
We're now using social media to take your comments and feedback. Learn more about this here.