the native web

Die tech:lounge Masterclass – jetzt buchen

React

Technologies

React allows you to build complex, scalable, and predictable web clients in a lightweight way, using a variety of well-proven functional concepts.

Consulting Workshops Development

React – a lightweight UI framework

React is a lightweight UI framework developed by Facebook to build complex, scalable, and predictable web clients. Introduced in 2013, it quickly became one of the most widely used technologies for client-side web development. It is successfully used by Facebook to build Facebook itself, and hence contains all the features needed for large-scale development. With its functional and component-driven approach, React is the perfect platform for us to build powerful web applications.

Components

From the beginning, React was built with a component-driven approach in mind. This allows you to break up your application's functionality into smaller pieces that can be put together in a highly flexible way.

Functional

React relies on a variety of functional concepts, such as immutability, pure functions, and the simple yet powerful map-reduce algorithm. All this is very tightly coupled with JavaScript, which makes working with React a breeze.

Unidirectional data flow

Data in React always flows in a single direction, there is no two-way data-binding. This makes the execution of React code deterministic and highly predictable, and it makes it easy to reason about your code.

Consulting

How to decide when to use React? How to design and structure architectures for complex and sophisticated client applications? How to build reliable and scalable, high-performance UI components? How to analyse and test client application code, and ensure code quality? These and similar questions arise frequently in every React project. If you face these questions, too, we are there to help by sharing our experience and giving advise. Let's get in touch!

Consulting impact possibilities

Shaping
visions

Modeling
domains

Evaluating
technologies

Designing
architectures

Building
applications

Ensuring
quality

Applying
operations

Evaluating technologies

React is a great platform for building client applications that get rendered on the client as well as on the server. We help our customers to evaluate React and other technologies, and to make the right decisions.

Designing architectures

React empowers you to build a solid component-oriented architecture, which works in a predictable and reliable way. We help to define and set up these architectures for large and complex applications.

Building applications

Building components and setting up the wires between them is at the heart of developing applications with React. We explain to our customers how to do that in a highly efficient and sustainable way.

Ensuring quality

Testing UI code is hard. However, due to the universal rendering capabilities of React and its tight integration with JavaScript, things get easier. We help to set up the infrastructure and to write reliable and fast UI tests.

Let's get in touch

We would like to get to know you, and to learn about your current situation. Together, we can figure out how to empower you, and find answers to your individual visions, ideas, and questions. Let's get in touch!

Want answers to your questions?Let's get in touch!

Workshops

Learn about the advantages of React and its benefits for your project. Become an expert in designing and setting up highly scalable architectures for client applications. Learn how to build components and what patterns to use to wire them up. Write high-quality React code and know how to test it in an efficient way in real-world browsers. You can learn all of this in our workshops, which of course are also available tailor-made, suitable to your individual needs – remote or on-site. Let's get in touch!

On demand – remote or on-site

You define place and time

An advanced introduction to React

In English or German

Learn how to use React and its ecosystem for modern and professional web development. In a small group you will experience the theoretical basics as well as the hands-on usage.

This workshop includes

Learning React's core concepts
Rendering views and using JSX
Handling input and managing state
Building custom components
Rendering applications on the client and on the server
Using frameworks: Next.js & co.
Testing React
And much more…

Susanna Roden

@susannaroden

Let's get in touch

On demand – remote or on-site

You define place and time

Building design systems with React

In English or German

Learn how to build, test, and deploy a design system, and how to use it in applications. In a small group you will experience the theoretical basics as well as the hands-on usage.

This workshop includes

Understanding design systems
Building reusable components
Testing in real-world browsers
Setting up a styleguide
Documenting components
Preparing for extensibility
Versioning and deploying your design system
And much more…

Matthias Wagler

@mattwagl

Let's get in touch

On demand – remote or on-site

You define place and time

Your individual React workshop

In English or German

Do you need an individual React workshop? In close collaboration with you we setup a tailor-made agenda that addresses what's most important to your individual project requirements.

This workshop includes

Tailor-made agenda
Balanced mix of theory and hands-on
Your place, your time
Close collaboration with the speaker
Group size according to your wishes
Follow-up support from our experts
Everything according to your needs
And much more…

Sophie van Sky

@thenativeweb

Let's get in touch

Development

Regardless of the conceptual effort you have already put into a project, sometimes you just don't have the people with the required experience to move things forward. We at the native web do not only have many years of experience with React, we also have extensive knowledge about the development and architecture of web applications in general. Whatever you are looking for, we will be the right development partner for you. Let's get in touch!

Single-page applications

We build high-performant single-page applications that interact with JSON-based web APIs to execute complex business workflows. They are reactive and responsive, and render universally on the client as well as the server.

Remote control & dashboards

We develop lightweight UIs for small integrated devices, that manage and control actors and monitor sensors. Ensuring low power consumption is as important as having an interface that immediately reacts to user input.

Data visualizations

We develop graphical user interfaces that incorporate interactive diagrams and animated charts. Visualizing complex data and their relations in a simple way helps people to better understand a domain.

Have a project in mind?Let's get in touch!

Your journey to React

We believe that having the chance to learn and to evolve every day is a valuable privilege that we are very thankful for. Having a deep desire for knowledge, we take hard problems as welcome challenges, not vice versa. Hence, we would like to empower you by sharing the following resources on React.

Let's go

To get started with React, first visit the official React website. Especially pay attention to JSX. Also learn how to use Babel and webpack. To get a reliable foundation, you might want to have a look at Next.js.

En route

Once you are familiar with the basics of React itself, you should learn about hooks. For reliable and scalable state management, you should have a look at Redux. You might also be interested in TypeScript.

No limits

Learn about functional programming and event-sourcing, which both are the conceptual foundations for React and Redux. Finally, to be able to test your code, learn about Puppeteer and how to integrate it with Mocha.

Need help on your way?Let's get in touch!