React

How we leverage the world’s leading-edge frontend development framework

Our engineers use the best practices of modern software development to create great results for our clients - and React is a key part of that.

React has changed the way that frontend web software is created. It's a component-based framework combined with a Javascript library that does the jobs of HTML markup, CSS stylesheets and standard JS in one go. It enforces architectural best practices of software engineering, making the development of brilliant user-facing web applications easier, faster and more effective.

  • Free & open-source
  • Widely used
  • Highly flexible
  • Javascript-based (ES6)
  • Creates powerful & modern frontends
  • Drupal-compatible: integrated, partially decoupled or fully decoupled
  • Integrates with all JS-based frontend & backend libraries
Benefits of using React
with SystemSeed
Ideal prototyping tool

Exploring ideas is what we are all about. React’s simplicity and flexibility allows us to build any type of interactive prototype at any level of functional and visual detail quickly and efficiently.

Self-hosted to fully-decoupled

React can provide anything from a fully-autonomous web application running on a custom domain, to a feature-rich frontend for an existing project while maintaining best practices for scalability and reuse.

Created by experts

React was created by Facebook’s best and brightest minds in 2013 and as a free and open-source project is actively developed and maintained by thousands of skilled engineers from all over the world.

Mobile-first

Developing with React allows us to build for mobile users and at the same time serve desktop users. Using React Native, we can also publish to app stores to install directly on users’ mobile devices as a native app.

An overview of how React works for web apps and native applications.

Highly integrated

React integrates with all major frontend libraries, including Bootstrap, Vue and Material. This means professional, effective, and industry-leading websites are easy to create with React.

Beautiful websites

Using the extensive theming options of frontend libraries such as Google’s Material UI allows us to make your website look and behave exactly how you want it to with the help of React.

Cutting-edge coding standards

The syntax and component architecture of React ensure highly robust and efficient feature delivery, no matter how big or complex your project.

Huge community of contributors

With over 1,400 contributors, more than 13,000 commits, and used by millions of projects around the world, React is a de-facto web development standard with vast resources.

Developer-friendly

The most popular libraries and extensions all have native React releases, and everything else remains 100% compatible via the use of standard JS package managers.

Technology-agnostic

We don't make assumptions about your technology stack and neither does React. New features are developed easily without needing to rewrite existing code. Integrations are handled gracefully via React’s JS libraries and package-handlers.

Want to build a cutting-edge website fast?
Get in touch with Anthony.
ANU: building a mobile-responsive learning management system (LMS)

One of the key features that React provides is the ability to build a single app that looks good and works well for all devices. We wanted to make a scalable and extensible LMS with a slick and responsive user interface (UI) that acts like a native mobile app. Leveraging all the editorial advantages of content delivery via Drupal, we wanted a cutting-edge frontend to match.

Building the frontend in React allowed us to rapidly prototype user experience and interfaces. It also made developing for mobile devices a breeze using easily-integrated frameworks like Bootstrap. Features like persistent course progress logging, seamless language switching, dynamic multiple-choice tests and user note-taking are all based on reliable free and open source software (FOSS) frameworks and work exactly the same on desktop or mobile.

By using technologies such as the React-only Redux Saga, we can build a slick frontend for any device with all the modern advantages, while at the same time providing persistent desktop-style application data management.

Sergey Korzh
Tech Lead, SystemSeed
Anu community screenshot
?
FAQ
I am looking to migrate my frontend(s) to React. Do you offer migration support & development?

Yes! We will help you to comprehensively assess any project and its suitability to be migrated to React.

I have a React project that needs to be extended or refactored. Can you help?

Yes! We are happy to pick up any existing React project and help improve and extend it in any way possible.

Can I use React with Drupal?

Absolutely! While React has the option to be part of a completely isomorphic stack (meaning both the frontend and backend is written in Javascript, using technologies like Node), the most common way we use it is as a way to deliver a decoupled frontend on top of Drupal.

How is React different to Angular?

The main difference revolves around the code syntax - React uses the JSX standard (eXtended Javascript), while Angular uses a different language altogether: TypeScript. They are both powerful frameworks capable of running any project, but we prefer the simplicity, familiarity and extensibility of React.

What sorts of projects or web apps is React most suitable for?

A wide range of projects are suitable for a React frontend, but naturally not every single one. React is most suited for UI-focused frontends, where the end-user experience is paramount. It allows for complex, secure and beautiful frontends with minimal effort.

Is React a costly framework to use?

React is completely free and open source, and there are no fixed costs associated with installation, deployment or licensing. Any costs are tied up in the development of the website as a whole.

How often is React updated and will I need more development work to maintain updates?

The release cycle of React is very rapid. Bug fixes and minor (non-breaking change) updates happen on a weekly basis, and the community contribution policy is open to all but strictly systematic. The latest major version of React is 16, and has a long-term support plan. Updating is as straightforward as a single console command.

How secure is React?

React is as secure as the JS libraries that comprise it. Its auditing tools built into package managers like NPM show immediate warnings when vulnerabilities or outdated packages are detected. Our own automated audits occur every time a project is run locally and deployed, so we are always aware of any security updates.

Latest React news & articles