Dopebase Blog

Interested in learning React Native? Let’s build your first React Native app, a simple mobile app displaying a list of countries, fetched from a REST API with a network request. This React Native tutorial is aimed at introducing React Native, giving you the basis of what you need to know before building a real React Native application. After that, we proceed to helping you build your first real React Native app. By the end of this article you will build a React Native app that can run on both iOS and Android devices.

WWDC 2020 has ended. As usually, Apple introduced a lot of new things during the conference. They include the transition from Intel chips to ARMs, new iMacs, new OSs. One of the most expected announcements also happened: SwiftUI 2.0. Let's discover if there is anything new in this version of SwiftUI, which starts to mature nicely.

React Native is a framework for building cross-platform mobile apps for iOS and Android. There are lots of materials with which to learn React Native and in this article I will show the best 10 resources to learn React Native development. For each learning material I will talk about the entry behavior, time to complete, content and difficulty level.

It has been almost a year since SwiftUI was introduced at WWDC. We've tried SwiftUI for a few months now, and even built a premium fitness app just with SwiftUI. Unfortunately, after this adventure, we've decided, as a team, to not pursue SwiftUI apps any further. The framework is simply not ready for complex apps, and, to be honest, this should be embarrassing for Apple, given how low the quality bar was for this launch.

Although it's undeniable that SwiftUI has made breakthroughs in redefining how to build an iOS app, it still has difficulties building a real application which can get quite complex. Also, while SwiftUI is still a kid – we have to accept some issues as well as use hacky solutions and hope it gets better in the next releases.

GIPHY integration is useful in React Native chat, comments, stories, social feeds, and messaging apps. The implementation is straightforward, but production apps need more than a search URL: attribution, API key handling, debounced search, pagination, safe media rendering, and a clear fallback when the API is unavailable.

While working on the SwiftUI Chat tutorial, we ran into the issue of handling the keyboard animations by adjusting the layout of all the views visible on the screen, depending on whether the keyboard is visible or not. In this tutorial, we are going to learn how to handle the keyboard animations in SwiftUI with the help of ObservedObject.

With every release of Xcode, Apple provides us with extremely useful improvements and new features. And as always, from Xcode 11.4 (beta version – up until the publish date of this article), we get another piece of good news from them. That is we can simulate push notifications on the iOS simulator. Finally! Yes, you're not mistaken, it's time to say goodbye to the annoyance of testing on physical devices whenever we want to implement and test push notifications.

Redux is a popular React and React Native state management library, meant to be used in complex React and React Native apps where sharing state between multi-level components can get extremely difficult to manage. In this article we are going to learn how to use Redux with React Hooks by building a real React Native app.

In this detailed tutorial, we are taking a look at how you can add and customize an iOS launch screen in your iOS app and why it's important to take your launch screen design seriously. The task itself is not difficult, and I'll assume you are writing your iOS app in Swift, using Xcode.

Note: If you come from an Android/React Native background, you might have used "splash screen" to describe this app starting screen. Apple prefers "Launch Screen", which is what we're going to use in this article.

Hey everyone, in this article, we are going to learn how to build custom reusable components with ViewModifier, and how to create base views with ViewBuilder. These are powerful mechanisms to implement gorgeous design systems that are consistent across the entire app and that encourage code reusability and good architectural patterns.

Are you a mobile App developer? Do you work in a team along with Web developers? Does your app depend on APIs provided by the Web team? Have you ever faced issues with unavailability of APIs to develop or test a certain feature in your app? If your answer for all the above questions was yes, then this article is for you.