React Nativevisit website
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props. If you already know React, you still need to learn some React Native specific stuff, like the native components.
Why do we adopt this technology?
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
Shared codebase for multiple platforms
Deploy to mobile, web and desktop with minimal effort
Complete control over UI: use the provided widgets from the Material or Cupertino theme, or create your own widgets. Have a single style over platforms, or create a native-looking UI for each platform.
Developer delight: fast development cycle (<1s Hot Reload), advanced IDE (Android Studio, IntelliJ or VS Code)
Related Casesfrom inthepocket.com
Single point versioning with Fastlane for React Native
Easy versioning for all files related to a versioned React Native app, via Fastlane
From Figma to React Native using Specify
We all know the benefit of design systems. As a designer we want to have a consistent UI over web, mobile and any other platform the brand is present. As a developer we do not want to spend time exporting assets and colors from Figma, importing them into the code and repeating this process every time something changes. Luckily there exists a tool to automate this process.
Changing Android version number and code while building on CI
Updating the version number and code
Themed styles in React application
Create a way to use multiple themes in your react-native app
Fixing Bugs in React Native Packages
In this blog post we'll address how to fix bugs in packages & native code with as little effort possible.
React Navigation & iOS screen reader focus
Hacking/fixing screen reader focus for iOS when using react-navigation