Fertige Softwarelösung vs. Eigenentwicklung: Wann ergibt welcher Weg Sinn? "Nutze ich eine bestehende Softwarelösung oder eine Individualentwicklung?" Erfahren Sie die Vor- und Nachteile einer Eigenentwicklung!
From zero to Hybrid Hero – Jalil’s first 5 years with us Discover the journey of our first ever full time employee and developer Jalil. Thank you for 5 amazing years together!
Komplexe Software-Entwicklung vereinfachen! [Video] Hybrid Heroes startet komplexe Software-Projekte meist mit einer MVP-Entwicklung. Jetzt die Vorteile von MVPs erfahren und nutzen!
Case Study: measureAPP for PHYWE A challenging yet rewarding collaboration: Digitalizing a science education lab, so it works reliably across all devices, Android, iOS & Windows.
How we turned rbb24 into one of Germany's leading News Apps Discover how we relaunched and redesigned an outdated app with React Native and turned it into one of Germany's most popular news apps.
Ihre App besser Inhouse oder extern entwickeln lassen? [Video] Worauf kommt es bei Inhouse App-Entwicklungen an? Wann lohnt sich ein spezialisierter Dienstleister? Jetzt erfahren, wie Sie Ihr Digitalisierungsprojekt voranbringen können!
Test, manage & document components with Storybook JS Storybook can be used for a variety of cases. In this introduction to the basic functionalities we show how designers, developers and project managers can benefit from the open source software.
How to implement efficient app rating with React Native User ratings and customer feedback are by far two of the most important metrics when it comes to marketing a mobile app.
App-Review bestehen: Damit Ihre App sicher in die App-Stores kommt! [Video] Damit Ihre App auch sicher im App-Store landet, müssen Sie das sog. “App-Review” von Apple bzw. Google bestehen. Im folgenden Interview mit Hybrid Heroes Geschäftsführer Jan Gerwin erfahren Sie, was ein App-Review ist, worauf es im App-Store und Google Playstore ankommt, wie man das App-Review besteht und wie lange das
Becoming a Hybrid Hero: Our remote onboarding process 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
Adaptability is key: How we tackle complex app projects 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
Best Practice: Accessibility in UX/UI Design helps everyone 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 designer's job is to consider accessibility as part of the
From Manu with Love: Our Design lead shows some of the work he is most proud of 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
Show your setup with CTO Christian Justus: Home office edition 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 = ❤: Wie sich Design Systeme in der Cross-Platform Entwicklung nutzen lassen 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 durchgängigen Design-Sprache kombinieren. Was sind
"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
FormatJS in React Native: Use Message Extraction to streamline your 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 Instead of
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 not the only difficulty,
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 navigation in React
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 and see it in action! You
MeldeHelden: How we contributed to the fight against digital violence 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 includes, among other
The basics of user onboarding: Make it sparkle 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
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
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 unseres Kunden astendo GmbH hilft Veranstaltern, Events flexibel zu
Using Redux in Flutter: Part 1 - Redux setup and basic state management 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
Building an app that matters: How we build a psychological intervention app for FU Berlin 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 burden of depression among Syrian refugees and
Die besten Cross-Platform und Hybrid Apps aus Deutschland: Best Practice Beispiele und Showcases aus dem deutschen Markt 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 Deutschland entwickelt wurden. Heraus kam eine bunte Liste,
How to build an app? A step-by-step guide from kickoff to submission 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. Proposal
Automate Ionic Builds With Gitlab CI: Walkthrough and Tutorial 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 productive. In this article
Flutter vs. React Native: Das sind die Unterschiede der beiden Cross-Platform Frameworks 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 ist nicht nur fehleranfällig, wartungsintensiv und ressourcenaufwändig, sondern die beiden
Custom Fonts in React Native: How to get consistent results 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
The benefits of Continuous Integration: 6 reasons why it is essential in app development 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 workflow does require the two to go hand 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
Ionic 4 everyone: Was bietet die neue Framework-Version 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 unabhängig vom verwendeten Framework Ionic Komponenten per HTML-Tag
Progressive Web Apps: Sind Websites die besseren 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 die Zeichen der Zeit erkannt und ermöglichen es, eine mobile
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 die Phasen "Kennenlernen"
Generate React Native documentation: Using TypeScript and Typedoc 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 just isn't there. On the other
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
Firebase Analytics with React Native: How to track screen views and user interactions 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 Analytics: Firebase Analytics. We will look into how
Automate React Native Builds With Gitlab CI: Walkthrough and Tutorial 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 continuous integration to your React
How To Speed Up React Native Development using Typescript: Walkthrough and Tutorial 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 its
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
Right-to-Left Support with Ionic: Challenges and Solutions 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 targets users from the
An introduction to React Navigation : How to configure an app with stacks, tabs, modals and overlays 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, which harnesses the
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 vereinheitlichen und doppelte Strukturen, die durch die Pflege von
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 möchte, erstellt eigentlich zwei Apps, die
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 erkannt. Dabei werden in den wenigsten Fällen klassische Lernmethoden komplett ersetzt, sondern digitale Medien als Erweiterung für
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 Reality heißt der Riesentrend, der vor
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 Relaunch unserer
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. Wir stellen euch zwei dieser Tools vor: Zeplin
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 für den ADAC
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
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 und Studios, die das Framework für die App Entwicklung nutzen. Ionic Framework ist aktuell das am weitesten verbreitete Hybrid App Framework und maßgeblicher Treiber von Hybrid Apps
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. Kein Wunder also,
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 Datenmengen geladen werden, die Verbindung nicht optimal
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. Beim Schließen des Browsers kehrt der
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. 2015 konnten Hybrid Apps beweisen, dass sie eine echte Alternative zu nativer App Entwicklung darstellen und
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. Zur Feier des Tages gibt es eine ganz besondere Geburtstagstorte. Wir blicken auf ein aufregendes und erfolgreiches erstes Jahr zurück und freuen uns auf alles, was noch kommt.
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. Google Play StoreDer Google
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.de hatte bereits eine Android
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, dass mehrere Apps entwickelt werden müssen. Das
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
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 MVC Framework Angular. Doch es
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 können. Sollten Tester
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 verkauften Smartphones in Deutschland laufen
Die zweite Hybrid App Welle: Neue Frameworks und Anbieter bringen frischen Wind in die Native vs. Hybrid Debatte er 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, Windows Phone) zu erstellen, ging Facebook
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 Entwicklungskosten, leichtere Wartbarkeit... Doch auch wir müssen
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 eroberte,
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 mit der App ausgeliefert. Eine Internetverbindung