For more than a decade, Sencha’s Ext JS framework has helped developers build powerful web applications. The platform has grown to include streamlined tools for designing themes, testing functionality and compatibility, as well as a cross-platform framework for mobile web applications.
Sencha ExtReact, released in May 2017, capitalizes on the rapidly growing popularity of the React library. Developed by Facebook, React enables developers to rapidly create user interfaces for highly scalable applications.
“The typical React application pulls in 10, 20, 30 different libraries of components, built by all sorts of different authors with different styles, release cycles, and levels of skill,” Mark said. It becomes a huge burden to pull these into a coherent app which you can maintain over time.
“Literally, every time a new version of something comes out, I have a heart attack,” he said. “I know the [library] update will work with React, but it’s a huge, time-consuming exercise to make sure it’s on the same page as all my other components, so my app doesn’t break.”
For companies using Sencha libraries and frameworks, however, one update will do the trick. “Rather than having to get a lot of that from 20 different parties, you can get all that stuff from one party — Sencha — and it is commercially supported.”
With a focus on helping developers build applications in the most efficient ways possible, the company has spent 10 years building a collection of full-featured components, such as grids, forms, and other elements, so developers won’t have to attempt to build their own or pull in yet another library.
2 Ways ExtReact Helps Developers Save Time
Instead of building components from scratch, Sencha provides more than 115 UI elements, including grids, layouts, charts, forms, menus, buttons, and other interactive ingredients.
1. Simpler Maintenance by Reducing Third-Party Dependencies
Once Facebook released React to the open-source world, developers would build apps by choosing from several different options for each part of their application. Libraries come from individual developers or enterprise-level organizations, from experts to beginners.
Each library is updated differently, with many tech-savvy groups switching to rapid-release cycles. Developers using components from several different libraries will spend a significant amount of time updating and repairing their application as those libraries evolve, according to Mark.
With ExtReact, however, all the components update at the same time and are already tested for compatibility with various browsers and platforms as well as the current React release.
“Removing the stress of keeping all these components integrated as various release cycles go by is something we really help with,” Mark said. “ExtReact makes new releases more predictable.”
2. Increased Productivity With Consolidated Frameworks and Libraries
ExtReact provides a one-stop shop for professionally built components that work together seamlessly and address nuanced and advanced needs such as robust data buffering, docking headers, and local or remote sorting.
“There’s no other library out there for React that’s even half as extensive as what we’ve put out in terms of coverage,” he said. “You’re getting all the components, both simple and complex, that we can offer.”
How the Sencha Platform Accelerates All Phases of Development
Beyond ExtReact, several elements of the Sencha platform contribute to streamlining application lifecycle development and management. The integrated and modular programs can be deployed separately or together, depending on developers’ needs.
Teams can accelerate the design process using Ext JS Stencils, a lightweight wireframing and prototyping program. Sencha Architect provides a drag-and-drop interface for building Ext JS applications, while Sencha Themer enables designers and developers to style and Ext JS or ExtReact application without writing any code.
When it comes to development, these tools, along with IDE plugins for the most popular IDEs and editors, ensure that developers have access to the right tools in their preferred workflow.
Sencha’s advanced components make it easy for developers to add powerful capabilities to their applications, including data analytics and visualizations, responsive configurations, and accessibility support. The Sencha components automatically handle time-consuming tasks such as ensuring consistent rendering and behavior in different browsers and devices.
Immersing in Open-Source Communities to Stay Ahead of New Releases
Mark watches the React GitHub repository each day to monitor the progress and commits. “There’s a major refactor coming, and I’m sure it’s going to send ripples throughout the development communities,” he said, describing the pending React Fiber update.
Sencha developers and experts regularly meet at SenchaCon to discuss product roadmaps and new features.Mark and some of the Sencha developers have been developing against unreleased versions of the new React, incorporating GitHub commits in preparation for the big unveiling.
“We don’t sit in on their meetings or anything, so we only consume what they make public,” he said, adding the team follows React leaders on whatever social network or message boards they can find.
“Imagine every company out there using React needing to do a very similar effort,” Mark said. “Staying current to these open-source frameworks is very challenging and very important. We hope that by folks using ExtReact and our tools, we can ease some of that burden.”
How Sencha’s Talented and Dispersed Team Stays Connected
Sencha, which is based near San Francisco in Redwood City, boasts more than 400 years of combined developer experience among the company’s employees.
“We have a lot of seasoned experts who have come from all different areas of the tech industry,” said Technical Marketing Manager Jon Jarboe, who comes from the embedded systems realm. “We have a very broad technological base.”
In addition, Sencha operates in a wide geographical footprint. The company has a local presence in Canada, the UK, Italy, the Netherlands, Hong Kong, Korea, Australia, and Japan, and many employees work remotely.