Write a proxy that allows you to use SwiftUI in React Native apps
In 2015, React Native brought a declarative component approach to the cross-platform mobile world. It wasn’t long before this component-oriented philosophy expanded to similar libraries. And now, with SwiftUI and Jetpack Compose, this is finally reaching the native platforms.
SwiftUI is a UI framework that brings the declarative component approach to the family of Apple platforms including iOS, macOS, and watchOS.
It works interchangeably with its predecessor UIKit, which means developers can seamlessly integrate the new framework into their existing apps. However, mix-and-matching UIKit and SwiftUI require middleware to connect them.
Today, we’ll write a proxy that allows developers to use SwiftUI in their React Native applications. …
A couple of months ago, we started to use Apollo Client (+React Native) at Werkspot. From the very beginning, Apollo overwhelmed us by the simplicity and flexibility it provides. It inspired us to create our own vision about technology and experiment with various approaches to data fetching that we think are worth sharing.
Enjoy the ride! 🚀
Anatomy of Query Components
One of the very powerful concepts that we found for ourselves with Apollo is Query Components. These components are meant to express a domain-specific data logic in a clear, declarative way:
CitiesQuery component is an oversimplified example of an average Query Component. It exports a Component, enhanced by a graphql wrapper for fetching data. After Apollo takes care of fetching and mapping props to query parameters, query component uses “function-as-a-child” approach to expose a child-independent API with injected data. …
This September started for me with a great experience giving a talk about network layer in React Native at React Native Europe conference.
Unfortunately, not everyone was able to attend the conference and/or listen to my talk, so for those who are interested, I’d like to provide an article explaining the concept I shared.
Motivation
Nowadays, it is hard to imagine a mobile application without any kind of network communications. …
About
