Blog
In unserem Agentur-Blog Rund um das Thema Hybrid App Entwicklung geben wir einen Einblick in unsere Arbeit mit Technologien wie Ionic, React Native und Cordova. Außerdem stellen wir eigene Projekte wie Mobile Apps, Web Apps und Desktop Apps vor und berichten über die neusten Technologien im Hybrid App Bereich.
- 20.04.2021 in
Diagnosis: Successfully passed!
Check out our latest work for Springer Medizin.
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…Weiterlesen - 25.03.2021 in
FormatJS in React Native
Use Message Extraction to streamline your React Native Internationalization workflow
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…Weiterlesen - 15.03.2021 in
Implement in-app purchases in React Native
How To Use RevenueCat
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…Weiterlesen - 05.02.2021 in
Getting started with React Navigation v5
How To Navigate in React Native
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…Weiterlesen - 08.01.2021 in
Using Redux Toolkit in React Native
Getting started and usage guide
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…Weiterlesen - 16.12.2020 in
MeldeHelden
How we contributed to the fight against digital violence
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…Weiterlesen - 30.11.2019 in
The basics of user onboarding
Make it sparkle
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…Weiterlesen - 02.09.2019 in
Using Redux in Flutter
Part 2 - Thunk actions
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…Weiterlesen - 14.06.2019 in
astendo Event
Wie wir unsere erste öffentliche Flutter App - astendo Event - entwickelt haben
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…Weiterlesen - 13.05.2019 in
Building an app that matters
How we build a psychological intervention app for FU Berlin
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…Weiterlesen - 23.04.2019 in
Die besten Cross-Platform und Hybrid Apps aus Deutschland
Best Practice Beispiele und Showcases aus dem deutschen Markt
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…Weiterlesen - 11.04.2019 in
How to build an app?
A step-by-step guide from kickoff to submission
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.…Weiterlesen - 08.04.2019 in
Automate Ionic Builds With Gitlab CI
Walkthrough and Tutorial
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…Weiterlesen - 05.04.2019 in
Flutter vs. React Native
Das sind die Unterschiede der beiden Cross-Platform Frameworks
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…Weiterlesen - 29.03.2019 in
Custom Fonts in React Native
How to get consistent results
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…Weiterlesen - 04.02.2019 in
The benefits of Continuous Integration
6 reasons why it is essential in app development
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…Weiterlesen - 25.01.2019 in
Open Source Software
Why we use Open Source at Hybrid Heroes
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…Weiterlesen - 25.01.2019 in
Ionic 4 everyone
Was bietet die neue Framework-Version
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…Weiterlesen - 21.01.2019 in
Progressive Web Apps
Sind Websites die besseren 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…Weiterlesen - 13.12.2018 in
Schritt für Schritt zur Submission
So läuft ein App Projekt ab
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…Weiterlesen - 05.12.2018 in
Generate React Native documentation
Using TypeScript and Typedoc
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…Weiterlesen - 07.11.2018 in
Getting started with Angular Material
Installation and first steps
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…Weiterlesen - 05.10.2018 in
Firebase Analytics with React Native
How to track screen views and user interactions
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…Weiterlesen - 24.09.2018 in
Automate React Native Builds With Gitlab CI
Walkthrough and Tutorial
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…Weiterlesen - 12.07.2018 in
How To Speed Up React Native Development using Typescript
Walkthrough and Tutorial
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…Weiterlesen - 09.07.2018 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…Weiterlesen - 06.07.2018 in
An introduction to React Navigation
How to configure an app with stacks, tabs, modals and overlays
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…Weiterlesen - 01.07.2018 in
Cross-Platform Apps mit React Native
Vor- und Nachteile
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…Weiterlesen - 06.06.2018 in
Right-to-Left Support with Ionic
Challenges and Solutions
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…Weiterlesen - 25.10.2017 in
React Native vs. Ionic
Das sind die Unterschiede
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…Weiterlesen - 02.10.2017 in
M-Learning Apps
Die mobile Erweiterung für Lernprogramme
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…Weiterlesen - 01.09.2017 in
Shopping mit Augmented Reality
Showcase - Die Bountyy App
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…Weiterlesen - 11.06.2017 in
Collaboration Tools für Designer & Entwickler
Wir stellen euch Zeplin und Invision vor
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.…Weiterlesen - 12.04.2017 in
Die neue Hybrid Heroes Webseite
Zur Entwicklung und dem neuen Design
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…Weiterlesen - 01.03.2017 in
Suche in Hybrid Apps
Am Beispiel Fahrgemeinschaft.de
Die Suchfunktion ist ein entscheidendes 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…Weiterlesen - 30.01.2017 in
App Icon und Splashscreen in Ionic Apps
was bei der entwicklung beachtet werden muss
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…Weiterlesen - 02.11.2016 in
Hybrid Heroes wird Ionic Trusted Partner
Ausgezeichnet
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…Weiterlesen - 26.10.2016 in
Hybride Desktop Apps
Wetten, ihr benutzt bereits mindestens eine dieser 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.…Weiterlesen - 31.07.2016 in
Was sind Skeleton Screens?
Und warum sind sie nützlich?
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…Weiterlesen - 25.05.2016 in
Vier Möglichkeiten Webinhalte in Hybrid Apps anzuzeigen
In App Browser
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.…Weiterlesen - 09.02.2016 in
Das Jahr 2015 für Hybrid Apps
Interview
Das Fachmagazin MOBILE BUSINESS kam auf uns zu, um von uns zu erfahren, wie das Jahr 2015 aus Sicht von Hybrid Apps gelaufen war. Unser Fazit: 2015 war der zweite Durchbruch von Hybrid Apps. MOBILE BUSINESS Feature zu Hybrid Apps 2015 konnten Hybrid Apps beweisen, dass sie eine echte Alternative zu…Weiterlesen - 15.01.2016 in
Happy Birthday Hybrid Heroes
In eigener Sache
Vor genau einem Jahr wurde Hybrid Heroes gegründet mit dem Ziel Unternehmen dabei zu unterstützen, ansprechende, performante, state-of-the-art Hybrid Apps zu entwickeln. Ein Jahr Hybrid Heroes Zur Feier des Tages gibt es eine ganz besondere Geburtstagstorte. Wir blicken auf ein aufregendes und…Weiterlesen - 22.12.2015 in
Der schnellste Weg zum App Store Account
Anleitung für Android, iOS und Windows Phone
Der Zugang zu Apps liegt nach wie vor in der Hand der Betriebssystem Hersteller wie Android oder iOS. Über ihre App Stores läuft so ziemlich alles und wer seine App unter seiner eigenen Marke herausbringen möchte, benötigt App Store Accounts und zwar für jede Plattform einen. Der schnellste Weg zum…Weiterlesen - 03.12.2015 in
ADAC Mitfahrclub und Fahrgemeinschaft.de Hybrid Apps
Case Study
Wer sich Fahrtkosten sparen oder keine Lust auf selbst fahren hat, der geht auf Fahrgemeinscht.de. Im Gegensatz zu anderen Angeboten ist die Vermittlung der Fahrten dort immer kostenlos und das Angebot ist breit, da auch der ADAC Mitfahrclub von Fahrgemeinschaft.de betrieben wird. Fahrgemeinschaft…Weiterlesen - 27.11.2015 in
Einführung Cross-Platform Entwicklung
Vor- und Nachteile von Cordova, NativeScript, React Native, Xamarin, etc
Soll eine App entwickelt werden, so stellt sich automatisch eine erste Frage: für welche Betriebssysteme soll die App entwickelt werden? In den allermeisten Fällen möchte man alle relevanten Betriebssysteme abdecken, denn nur so können möglichst viele Nutzer erreicht werden. Das bedeutet aber auch,…Weiterlesen - 16.11.2015 in
Die besten deutschsprachigen Hybrid Apps
12 Best Practice Beispiele aus dem deutschen Markt
Positive Beispiele für Hybrid Apps zu finden ist gar nicht so einfach. Nicht, weil es sie nicht gäbe, sondern weil man sie nicht erkennt. Die wenigsten App Entwickler thematisieren die Technologie, mit der die App gebaut wurde. Zurecht: Schließlich geht es um den Nutzen einer App und was sie für…Weiterlesen - 10.11.2015 in
Acht Gründe, sich auf Ionic 2 zu freuen
Ein erster Blick auf die Ionic 2 Developer Preview
Seit der ersten Beta-Version Anfang 2014 hat es Ionic in Rekord-Tempo geschafft, das beliebteste UI Framework für Hybrid Apps auf Basis von Webtechnologien zu werden. Das Interesse auf GitHub ist enorm. Mit über 20.000 Stars ist Ionic dort ähnlich nachgefragt, wie das zugrundeliegende JavaScript…Weiterlesen - 14.10.2015 in
In App Purchases unter Android testen
Sechs Gründe, warum das Testing unter Android fehlschlagen kann
Das Testen von In App Purchases unter Android kann häufig mal schief gehen. Da hilft nur Ruhe bewahren und Schritt für Schritt die Ursache suchen. Tatsächlich müssen einige Schritte befolgt werden, damit die In App Produkte in der Beta-Version der App beim Tester auftauchen und gekauft werden…Weiterlesen - 15.09.2015 in
Mobile App Strategie
Drei Fragen, die vor jeder App Entwicklung gestellt werden
Jede App Entwicklung beginnt mit einem ersten Schritt. Oder besser gesagt mit einer ersten Frage: Für welches Betriebssystem soll entwickelt werden? Soll man seine App für iOS oder Android entwickeln oder für beide? Vertraut man den Zahlen, ist Android wahrscheinlich die erste Wahl. 71% aller…Weiterlesen - 01.08.2015 in
Die zweite Hybrid App Welle
Neue Frameworks und Anbieter bringen frischen Wind in die Native vs. Hybrid Debatte
Wer sich über Hybrid Apps informiert, stößt früher oder später auf das legendäre Techcrunch Interview mit Marc Zuckerberg, in dem der Facebook Gründer die Entwicklung der Facebook Apps auf HTML5 Basis als „biggest mistake“ betitelte. Anstatt eine App für jede einzelne Plattform (iOS, Android,…Weiterlesen - 21.07.2015 in
Hybride vs. Native Apps
Wann es sich lohnt, native Apps zu programmieren
Wir bei Hybrid Heroes sind immer etwas voreingenommen, wenn es um die Frage geht, ob hybrid oder nativ entwickelt werden soll. Die Vorteile für Hybrid Apps liegen einfach auf der Hand. Zur Erinnerung: Durch die plattformübergreifende Entwicklung ergibt sich eine kürze Entwicklungsdauer, geringere…Weiterlesen - 01.07.2015 in
Myth Busting
Fünf Vorurteile gegenüber Hybrid Apps, die garantiert nicht stimmen
Die meisten Smartphone Nutzer wissen nicht, dass es native und hybride Apps gibt und das ist auch gut so. Diejenigen, die mit dem Thema bereits in Kontakt kamen, sind häufig eher skeptisch gegenüber Hybrid Apps eingestellt. Die Gründe dafür stammen meist aus einer Welt als das iPhone4 die Läden…Weiterlesen - 24.06.2015 in
Was sind Hybrid Apps?
Und wieso brauche ich eine?
Hybrid Apps heißen hybrid, weil sie Elemente der Webentwicklung und der nativen App Entwicklung verbinden. Ähnlich wie Webseiten laufen Hybrid Apps im Browser, der auf mobilen Geräten Webview heißt. Anders als bei mobilen Webseiten werden die Daten allerdings nicht von einem Server geholt, sondern…Weiterlesen
Newsletter abonnieren
Erhalten Sie eine monatliche Zusammenfassung der neuesten Trends in Sachen Cross-platform App Entwicklung.