React Powered Frontend
CosmoCode develops highly interactive, dynamic web applications using the de-facto standard React.
Web applications in which users interact with the system rather than consume content must generate feedback for each user interaction. Whereas in the past such web applications were form-based, today the focus is on user-centric processes optimized for the respective use cases.
"Don't make me think" - Steve Krug's mantra still holds true today, 20 years after it first appeared, although the web design ecosystem has radically evolved.
But developing highly interactive applications that feel straightforward is still very challenging. In concept, in design, and in programming.
The request/response behavior that comes from "the good old days", where a click in the browser triggers the rendering of a new page on the server, is history. The new application platform is the browser, the programming language JavaScript, and the most modern framework for this is called React.
React for complex modular user interfaces
Websites with interactive components that are linked to each other - that's what React excels at.
Forms and Form Workflows
Multi-stage form processes whose workflows adaptively depend on the data entered. Intelligent form modules that work with sliders and gestures.
Interactive Dashboards
Intelligent summaries of data and states that are drill-down navigable and user configurable.
Charts and Graphs
Reactive charts that allow data inspection and segmentations.
Filterable Lists and Tables
Lists and tables of large amounts of data that can easily be filtered and sorted on the fly.
Maps
Maps that can be interactively controlled via controls, which in turn can control other widgets.
Our React KnowHow for your Project
As web developers with 20 years of experience, we know a lot about frontend frameworks. We have been using React in our technology stack since 2016. We have used React in very different scenarios and bring a wealth of experience to your project.
Modern React
Our developers love React and always stay up to date to take full advantage of the framework. We build "state of the art" React applications and are no strangers to Hooks, React Contexts, Portals and Suspense.
GraphQL
To ensure the performance and extensibility of your web app during the course of the project, we use the right API technology for your business data. For this, we can also draw on our experience with the modern query language GraphQL. This way, our front-end developers get exactly the data they need. In our React applications, we rely on the well-known and proven Apollo client.
Redux
Interactive web applications need to represent a variety of different states. To manage these individual states, such as open menus, selected filters or entered search queries across multiple components, we rely on the state management library Redux.
React Build Chain
React applications consist of many small and therefore easily maintainable components. To deliver these components and their dependencies to your customers, we use the bundler WebPack. This keeps response times low and saves bandwidth for mobile use.
Performance
In order to keep response times to user input low, we pay attention to the economical use of user resources throughout the development process. For this purpose, we use techniques such as caching and code splitting.
CSS
We write modern CSS and rely on the SASS language extension. Modular stylesheets, matching the component concept of React, allow us to quickly and easily implement your design wishes for any device and format and ensure a consistent look & feel for your app.
Deployment
We rely on a CI/CD cycle from the very beginning in order to let you participate in the progress at any time during the development phase and to quickly provide your users with innovations during the support phase. In doing so, we ensure the functionality of changes through automated tests and pay attention to low server downtimes during the rollout of features so as not to impair the user experience of your customers.
API driven Backends
React applications run largely autonomously in the browser; data exchange with the backend takes place via APIs. We work with Django and PHP for the server application; special content and database management systems are provided for entering and maintaining the master data.
SEO
For search engine optimization we provide server side rendered documents, which can be indexed by Google and other search engines.
Analytics
To check user behavior, we prefer to use Google Analytics. Which metrics to collect is coordinated with you in a tracking workshop.
React References
A selection of our previous React projects:
Daten Analysetool für Philip-Morris
Premium Portal für Brillen, Marken und Optiker
Verwaltungssystem und Entwicklungs-Workbench für Tarife der Versicherungswirtschaft
Studien-Plattform für das Max-Planck-Institut
Platform for Solar System Comparisons
Headless Chrome basiertes Scraping-Tool für das Monitoring von Thinktanks
Arzt- und Patientensystem für die Datenhaltung digitaler Gesundheitsapplikationen
Präzise Wetterprognosen für Sportflieger
Your Contact
Andreas Gohr, System Concepts & Project Management