Hybrid Heroes

Becoming a Hybrid Hero

For today’s blogpost, we introduce Mariana and Benjamin, who have joined the team recently and can now introduce us into the Hybrid Heroes onboarding process, which has the target of giving new employees a warm and easy start into the job and a quick integration into the team. Both talk us through…

Adaptability is key

In today’s blogpost, Tobias Wenz, project manager at Hybrid Heroes, gives us an insightful view on how knowledge transfer works in the communication with a client in order to conceive and implement complex topics within a new application. Tobi used to work as a designer before deciding to move on…

Best Practice

Accessibility means usability for users who interact with products and services differently. This covers blind, colour-blind or visually impaired people, deaf people or people with hearing problems, people with temporary or permanent mobility impairments or people with cognitive disabilities. A…

From Manu with Love

In app development, design plays a crucial role in almost every single step of the process. Today we will therefore dive into two of Hybrid Heroes’ work samples, that Design Lead Manu is most proud of. " In app development, everything starts with an initial concept. And even this concept needs to…

Show your setup with CTO Christian Justus

Christian Justus is CTO and co-founder of Hybrid Heroes and in today’s blogpost we will take a look at his home office setup. He speaks about his favourite gadgets and how hybrid work opportunities are a key to employee satisfaction nowadays, especially during the pandemic. As CTO, Christian needs…

Design Systeme + Cross-Platform Entwicklung = ❤

Wir sind bei Hybrid Heroes nicht nur Fans von State of the Art Technologie, sondern noch viel mehr von stringenter User Experience und konsistentem, ansprechendem sowie skalierbarem Design. Aus diesem Grund arbeiten wir fast in allen Projekten mit Design-Systemen, die eine durchdachte UX mit einer…

Diagnosis: Successfully passed!

Medical studies are generally considered to be learning-intensive. Cramming without end. That's the only way to pass the exams. But to work as a doctor in Germany, it is not enough to successfully complete your studies; you also need to specialise in a medical field. Learning is the order of the…

FormatJS in React Native

FormatJS is a set of tools to internationalize your project. Usually, using popular i18n libraries, the workflow involves creating a JSON translation file for each language​ giving each string to be translated a unique key to reference it by​ thinking of a meaningful structure for the JSON file​…

Implement in-app purchases in React Native

Implementing in-app purchases is a long and difficult process in app development. Specifically, dealing with the big and small operational differences in the iOS and Android ecosystems is enough to give new and experienced developers a hard time. But the difference in behaviour and requirements are…

Getting started with React Navigation v5

React Navigation has long grown from a community project to becoming the most popular solution for implementing a navigation system to a React Native app. Throughout this time, the library has seen many new features and bug fixes implemented, solidifying its position as the standard solution for…

Using Redux Toolkit in React Native

Redux Toolkit is an official package from the Redux Team that helps configuring Redux store and reduces boilerplate. It also includes many convenience features that help supercharge your state management. Using Redux Toolkit in React Native is straightforward, so let's setup a simple application…

MeldeHelden

MeldeHelden App Despite the many advantages that the Internet offers today, our "virtual reality" in which everyone can hide or even fake their identity, can be very harmful. With the increasing prevalence of digital and social media, there are more and more cases of digital violence, which…

The basics of user onboarding

User Onboarding The onboarding is the user's first acquaintance with the app, and you want to make this first experience spectacular. Clients often ask us to "educate" their users on functionalities they believe to be hidden in the app. It is a valid point, but education is not everything that…

Werkstudent/in Qualitätssicherung

Du kennst dein Smartphone wie deine linke Westentasche? Verbugte Websites und Apps nerven dich? Du willst erste Erfahrungen in einem technischen Arbeitsumfeld sammeln? Dann bewirb dich bei uns als QA Werkstudent und lerne alles über Mobile Apps! Hybrid Heroes Office Hybrid Heroes ist auf die…

Using Redux in Flutter

In the previous part of this article we went through the basics of Redux usage in Flutter by building a simple app that managed its state in a Redux store. In this part we're gonna build on top of the sample app from the first part which you can find here: Article: Part 1 - Redux setup and basic…

astendo Event

Wer kennt es nicht: Riesige Menschenmengen, den interessanten Vortrag gerade verpasst und eine Anfahrtsbeschreibung ist auch nicht zu finden. Auf Messen und Veranstaltungen ist man schnell verloren, wenn man nicht gut informiert ist. Dieses Problem löst astendo Event. Die EventManager Software…

Using Redux in Flutter

In this article we're gonna build a simple Flutter app and use Redux to manage the state of our app. If you need an introduction about Redux and why you might want to use it in your apps, here are some links that are helpful to get you familiar with Redux and the concepts that it's built upon: The…

Building an app that matters

Step-by-Step The Step-by-Step application was ordered by the Freie Universität of Berlin in cooperation with the World Health Organization and the Ministry of Public Health in Lebanon. The app is an adaptation of an existing psychological intervention programme with the objective to reduce the…

Die besten Cross-Platform und Hybrid Apps aus Deutschland

Die besten Cross-Platform Apps aus Deutschland Der letzte Blog Post dieser Art ist jetzt schon über zwei Jahre her. In Mobile App Jahren also schon eine halbe Ewigkeit. Also haben wir uns wieder auf die Suche nach den am meisten heruntergeladenen Hybrid und Cross-Plattform Apps gemacht, die in…

How to build an app?

Project Milestones Did you ever wonder what it takes to build an application? In this article, we have listed the main steps that will lead you to your own hybrid and/or web App! Please note that the following process is relevant for start-to-finish projects and may vary for consulting projects.…

Automate Ionic Builds With Gitlab CI

Automate Ionic Builds With Gitlab CI As a lot of our articles can attest, we at Hybrid Heroes are big fans of Continuous Integration. Not only does it help to catch bugs and exceptions early on, it also accelerates our development and delivery workflows and help our team be more efficient and…

Flutter vs. React Native

Flutter vs React Native Mobile App Entwicklung ist ein zeitintensiver und komplexer Prozess. Wenn man Apps für den Apple App Store und den Google Play Store erstellen will, braucht man stets zwei Dinge von allem: Zwei Codebasen, zwei Entwicklertools, zwei Programmiersprachen, zwei Designs ... Das…

Custom Fonts in React Native

React Native Fonts There are many things to consider when designing for mobile. Fonts are one of them, and more often than not the design specifications will require the use of custom fonts in both Android and iOS builds. Let's have a look at how we can implement custom fonts in a React Native…

The benefits of Continuous Integration

Continuous Integration Continuous Integration Software systems are complex, and in a big team of developers, there might be constant pressure to produce output without compromising first, the software's quality and secondly, the time spent working on it. A clean and efficient software development…

Ionic 4 everyone

Ionic 4 Release Am 23. Januar haben die Macher von Ionic die mit Spannung erwartete Version 4 des beliebten Frameworks zum Bau von Multi-Plattform-Apps released. Unter dem Motto Ionic for everyone löst sich das Framework von Angular als Basistechnologie und verspricht, dass jeder Web Developer…

Open Source Software

What is open source software? Open source software (OSS for short) is the software whose source code is freely accessible to anyone. The user has the right to use, study, change and distribute the software according to its license. The source code is shared openly and everyone is encouraged to…

Progressive Web Apps

Progressive Web Apps Progressive Web Apps präsentieren das Beste aus Web Applikationen und nativen Apps, so proklamiert es Google. Mit ihrem beliebten Browser Chrome bieten sie die Möglichkeit, Websites PWA-gerecht zu gestalten. Aber auch andere Browser wie Edge, Firefox und zuletzt Safari haben…

Schritt für Schritt zur Submission

Häufig werden wir gefragt, wie eine App Entwicklung abläuft und wie eine typische Zusammenarbeit aussieht. Die Frage ist gar nicht so leicht zu beantworten, da jedes Projekt einzigartig ist und die Ausgangslage der Kunden ganz unterschiedlich sein kann. In der Regel durchlaufen jedoch alle Projekte…

Generate React Native documentation

Generate React Native documentation It is very common for a React Native project to end up incorporating hundreds of components, state slices and methods. A project can become very hard to maintain for any new or experienced developer if the architecture of the project isn't well documented, or…

Getting started with Angular Material

Angular Material is a UI library that allows you to create apps using components based on Material, Google’s own design system. One of the main selling points of this library is that it has been developed by the Angular team itself. It also includes a comprehensive list of components with theming…

Firebase Analytics with React Native

Firebase Analytics with React Native Firebase is a cloud services provider that comes as a toolset to meet your app needs without the struggle of managing a big infrastructure: From cloud messaging to databases and authentication, it's also offering what is considered as the successor of Google…

UI/UX Design Working Student

Are you interested in creating next-gen apps? Do ugly websites and apps bug the %&§! out of you? Do you want to gain work experience in a digital environment? If you answered check, check and check, then we want you to join our team as a working student and to become an app expert! Hybrid Heroes…

UI/UX Design Working Student

Are you interested in creating next-gen apps? Do ugly websites and apps bug the %&§! out of you? Do you want to gain work experience in a digital environment? If you answered check, check and check, then we want you to join our team as a working student and to become an app expert! Hybrid Heroes…

Automate React Native Builds With Gitlab CI

Besides powerful version control and project management, the Gitlab ecosystem also integrates tools such as Gitlab CI, that allows developers to streamline and optimize the testing and deployment stages of your app development lifecycle. In this article we will tackle the steps needed to implement…

Automate React Native Builds With Gitlab CI

Besides powerful version control and project management, the Gitlab ecosystem also integrates tools such as Gitlab CI, that allows developers to streamline and optimize the testing and deployment stages of your app development lifecycle. In this article we will tackle the steps needed to implement…

How To Speed Up React Native Development using Typescript

As your React Native project gets larger and more complex, it is quickly becoming vital to use type-checking to ensure a clean type architecture and avoid some of Javascript's pitfalls. We will be discussing how to implement Typescript in your project and how to speed up development processes using…

How To Speed Up React Native Development using Typescript

How To Speed Up React Native Development using Typescript As your React Native project gets larger and more complex, it is quickly becoming vital to use type-checking to ensure a clean type architecture and avoid some of Javascript's pitfalls. We will be discussing how to implement Typescript in…

Redux in Ionic & Angular

TL;DR If you have a complex state to manage across your app, or an offline app with lots of interactions, or a state synced with a server data and a complicated UI to update accordingly, then Redux might already have solutions for many problems you will face. Redux works with a single immutable…

Redux in Ionic & Angular

TL;DR If you have a complex state to manage across your app, or an offline app with lots of interactions, or a state synced with a server data and a complicated UI to update accordingly, then Redux might already have solutions for many problems you will face. Redux works with a single immutable…

An introduction to React Navigation

In the React Native ecosystem, one can find many libraries aiming for an app navigation system working seamlessly both on iOS and Android. Contenders include names like React Native Router Flux, React Native Navigation and Native Navigation, but the most advanced one may well be React Navigation,…

An introduction to React Navigation

An introduction to React Navigation In the React Native ecosystem, one can find many libraries aiming for an app navigation system working seamlessly both on iOS and Android. Contenders include names like React Native Router Flux, React Native Navigation and Native Navigation, but the most advanced…

Cross-Platform Apps mit React Native

Drei Jahre ist es jetzt her, dass React Native zum ersten Mal der Öffentlichkeit vorgestellt wurde. Während die Entwickler Community besonders im letzten Jahr exponentiell gewachsen ist, erwägen immer mehr Unternehmen die Nutzung des Frameworks, um ihre internen App Entwicklungsprozesse zu…

Cross-Platform Apps mit React Native

Drei Jahre ist es jetzt her, dass React Native zum ersten Mal der Öffentlichkeit vorgestellt wurde. Während die Entwickler Community besonders im letzten Jahr exponentiell gewachsen ist, erwägen immer mehr Unternehmen die Nutzung des Frameworks, um ihre internen App Entwicklungsprozesse zu…

Right-to-Left Support with Ionic

RTL Support with Ionic All apps that we have developed and released until today are mostly built for a German or English-speaking audience. Thus, there has never been a reason for us to think about supporting languages that are based on a right-to-left script. However, one of our recent apps…

Right-to-Left Support with Ionic

RTL Support with Ionic All apps that we have developed and released until today are mostly built for a German or English-speaking audience. Thus, there has never been a reason for us to think about supporting languages that are based on a right-to-left script. However, one of our recent apps…

(Junior) Project Manager

Hybrid Heroes Office Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for a Project Manager in full or part time.…

(Junior) Project Manager

Hybrid Heroes Office Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for a Project Manager in full or part time.…

(Junior) Frontend Developer

Hybrid Heroes Office Are you interested in developing next-gen mobile apps? Does bad UX bug the %&§! out of you? Do you know what the terms TypeScript and State Management mean? If you answered check, check and check, then we want you to join our team as a frontend developer and to become a hybrid…

(Junior) Frontend Developer

Are you interested in developing next-gen mobile apps? Does bad UX bug the %&§! out of you? Do you know what the terms TypeScript and State Management mean? If you answered check, check and check, then we want you to join our team as a frontend developer and to become a hybrid app expert! Hybrid…

React Native vs. Ionic

Wer zum ersten Mal eine App entwickelt, ist schnell überrascht darüber, wie aufwändig die Erstellung einer App im Vergleich zu einer Webseite ist. Dies liegt vor allen Dingen daran, dass die Plattformen iOS und Android grundverschieden sind. Wer eine App für beide Plattformen veröffentlichen…

React Native vs. Ionic

Wer zum ersten Mal eine App entwickelt, ist schnell überrascht darüber, wie aufwändig die Erstellung einer App im Vergleich zu einer Webseite ist. Dies liegt vor allen Dingen daran, dass die Plattformen iOS und Android grundverschieden sind. Wer eine App für beide Plattformen veröffentlichen…

(Intern) Project Manager

Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for an intern in project management. Your Tasks Our project…

(Intern/Working Student) Frontend Developer

Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for a motivated intern or working student to join or development…

(Intern) Project Manager

Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for an intern in project management. Your Tasks Our project…

(Intern/Working Student) Frontend Developer

Hybrid Heroes is a Berlin based app development team focussing on hybrid app development with web technologies. We are passionate about cool apps, useful mobile concepts and state of the art mobile user experience. We are now looking for a motivated intern or working student to join or development…

M-Learning Apps

Mobile Apps bieten eine ganze Bandbreite unterschiedlicher Nutzungsmöglichkeiten und Use Cases. Gerade beim Thema Bildung können mobile Applikationen einen erheblichen Mehrwert bieten. Viele Universitäten oder andere Bildungseinrichtungen haben mittlerweile die Vorteile mobiler Lernapplikationen…

M-Learning Apps

Mobile Apps bieten eine ganze Bandbreite unterschiedlicher Nutzungsmöglichkeiten und Use Cases. Gerade beim Thema Bildung können mobile Applikationen einen erheblichen Mehrwert bieten. Viele Universitäten oder andere Bildungseinrichtungen haben mittlerweile die Vorteile mobiler Lernapplikationen…

Shopping mit Augmented Reality

Wer aktuell in Zürich unterwegs ist, wird wahrscheinlich einigen Smombies über den Weg laufen, die ihre Smartphones vor sich hertragen und wie bessessen darauf starren. Grund des Ganzen: Unser Kunde Bountyy hat gerade seine gleichnamige Shopping App in einem großen Sommer Event gelauncht. Augmented…

Shopping mit Augmented Reality

Wer aktuell in Zürich unterwegs ist, wird wahrscheinlich einigen Smombies über den Weg laufen, die ihre Smartphones vor sich hertragen und wie bessessen darauf starren. Grund des Ganzen: Unser Kunde Bountyy hat gerade seine gleichnamige Shopping App in einem großen Sommer Event gelauncht. Augmented…

Collaboration Tools für Designer & Entwickler

Neben der einfachen Bedienung steht bei der App Entwicklung ein ansprechendes Design an oberster Stelle. Da wir mit unseren Kunden und anderen Stakeholdern häufig räumlich getrennt voneinander arbeiten, nutzen wir Design Collaboration Tools, die uns die Zusammenarbeit so einfach wie möglich machen.…

Collaboration Tools für Designer & Entwickler

Neben der einfachen Bedienung steht bei der App Entwicklung ein ansprechendes Design an oberster Stelle. Da wir mit unseren Kunden und anderen Stakeholdern häufig räumlich getrennt voneinander arbeiten, nutzen wir Design Collaboration Tools, die uns die Zusammenarbeit so einfach wie möglich machen.…

Die neue Hybrid Heroes Webseite

Endlich sind wir online! Die eigene Webseite rutscht in der Prio leider immer viel zu schnell nach unten. Daher freuen wir uns umso mehr, dass wir nach viel zu langer Entwicklungszeit nun endlich unsere neue Webseite launchen konnten. Warum überhaupt eine neue Webseite? Wir haben uns für einen…

Die neue Hybrid Heroes Webseite

Endlich sind wir online! Die eigene Webseite rutscht in der Prio leider immer viel zu schnell nach unten. Daher freuen wir uns umso mehr, dass wir nach viel zu langer Entwicklungszeit nun endlich unsere neue Webseite launchen konnten. Warum überhaupt eine neue Webseite? Wir haben uns für einen…

Suche in Hybrid Apps

Die Suchfunktion ist ein entscheidenes Feature in vielen Apps. Dabei ist es wichtig, dass der Benutzer so effizient wie möglich findet, was er sucht. Nichts ist nerviger als lange Listen zu durchforsten, um den richtigen Eintrag zu finden. Bei der Entwicklung der Apps für Fahrgemeinschaft.de und…

Suche in Hybrid Apps

Die Suchfunktion ist ein entscheidenes Feature in vielen Apps. Dabei ist es wichtig, dass der Benutzer so effizient wie möglich findet, was er sucht. Nichts ist nerviger als lange Listen zu durchforsten, um den richtigen Eintrag zu finden. Bei der Entwicklung der Apps für Fahrgemeinschaft.de und…

App Icon und Splashscreen in Ionic Apps

Für den Launch einer App in die App Stores, sind ein App Icon und ein Splashscreen nötig. Diese sollten ansprechend gestaltet sein und vor Allem das richtige Format haben. Welche Funktion ein App Icon hat, liegt auf der Hand. Doch welchen Sinn hat eigentlich ein Splashscreen? Wenn eine App lädt und…

App Icon und Splashscreen in Ionic Apps

Für den Launch einer App in die App Stores, sind ein App Icon und ein Splashscreen nötig. Diese sollten ansprechend gestaltet sein und vor Allem das richtige Format haben. Welche Funktion ein App Icon hat, liegt auf der Hand. Doch welchen Sinn hat eigentlich ein Splashscreen? Wenn eine App lädt und…

Hybrid Heroes wird Ionic Trusted Partner

Wir sind stolz verkünden zu können, dass wir seit Oktober 2016 offiziell zu den Ionic Trusted Partners gehören, ein Netzwerk aus zertifizierten Agenturen, die das Framework für die App Entwicklung nutzen. Ionic Framework ist aktuell das am weitesten verbreitete Hybrid App Framework und maßgeblicher…

Hybrid Heroes wird Ionic Trusted Partner

Wir sind stolz verkünden zu können, dass wir seit Oktober 2016 offiziell zu den Ionic Trusted Partners gehören, ein Netzwerk aus zertifizierten Agenturen, die das Framework für die App Entwicklung nutzen. Ionic Framework ist aktuell das am weitesten verbreitete Hybrid App Framework und maßgeblicher…

Hybride Desktop Apps

Der große Vorteil von Hybrid Apps ist die Plattformunabhängigkeit. Eine hybride Mobile App läuft - einmal entwickelt - auf iOS, Android und Windows Phone. Doch nicht nur für Mobile sondern auch für den Desktop ist die plattformspezifische App Entwicklung für Windows und Mac ein großer Pain Point.…

Hybride Desktop Apps

Der große Vorteil von Hybrid Apps ist die Plattformunabhängigkeit. Eine hybride Mobile App läuft - einmal entwickelt - auf iOS, Android und Windows Phone. Doch nicht nur für Mobile sondern auch für den Desktop ist die plattformspezifische App Entwicklung für Windows und Mac ein großer Pain Point.…

Was sind Skeleton Screens?

Skeleton Screens sind Platzhalter, die bei einem Ladevorgang angezeigt werden und den Inhalt der Seite andeuten, der gerade geladen wird. Oft wird dies mit hellen Balken, die für Text stehen, und größeren Rechtecken veranschaulicht, die ein Bild symbolisieren. Wenn in mobilen Apps größere…

Vier Möglichkeiten Webinhalte in Hybrid Apps anzuzeigen

Häufig wird in Apps in den Browser verlinkt, um zum Beispiel externe Links darzustellen oder allgemein Webinhalte anzuzeigen. Das geht zum Beispiel, indem der Systembrowser des Smartphones geöffnet wird. Schöner für den Benutzer ist es allerdings, wenn der Browser innerhalb der App geöffnet wird.…