I used to drag a little shell script around between each React Native project that cleaned out various cache directories (Watchman Cache, Bundler Cache, Build Artifacts, Yarn Cache, etc.) for me. A better alternative is the react-native-clean-project you can use. Cleans your React Native project by purging caches and modules, and reinstalling them again. Installation …
Tag Archives: react native
Reset React Native Cache (Watchman Cache, Bundler Cache, Build Artifacts, etc) with
Building a Chat App with React Native and Firebase
In this tutorial series , I’ll be showing you how to build a functional and secure chat app using the latest React Native libraries, the Expo framework, and Firebase, powered by the ChatKitty platform. Very complete I must say. Must have taken an ton of work to write. Building a Chat App with React Native …
Continue reading “Building a Chat App with React Native and Firebase”
The Ultimate Guide to React Native Optimization
The folks over at Callstack have published a series on React Native Optimization: In this and the following articles, we will show you how to optimize the performance and stability of your apps. Thanks to the practices described in the guide, you will improve the user experience and speed up the time-to-market of your apps. …
Continue reading “The Ultimate Guide to React Native Optimization”
React Native 0.62 and Flipper
In this post Andréas Hanss gives us a tour on Flipper. Flipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. To add flipper support to your React Native project, I recommend the “Add Flipper Support” section from the Upgrade to React …
React Native Bottom Sheet (Slide Up Panel)
A common pattern in Mobile Apps is to have a Bottom Sheet / Slide Up Panel. React Native Slack Bottom Sheet is a wrapper around Slack’s native PanModal component for iOS. import SlackBottomSheet from 'react-native-slack-bottom-sheet'; <SlackBottomSheet topOffset={100} unmountAnimation={false} initialAnimation={false} presentGlobally={false} backgroundOpacity={0} allowsDragToDismiss={false} allowsTapToDismiss={false} isHapticFeedbackEnabled={false} blocksBackgroundTouches={false} interactsWithOuterScrollView > <View style={StyleSheet.absoluteFillObject}> <ScrollView> <Lorem /> </ScrollView> </View> </SlackBottomSheet> …
Continue reading “React Native Bottom Sheet (Slide Up Panel)”
react-native-ble-plx – React Native Bluetooth Low Energy (BLE) library
This is React Native Bluetooth Low Energy library using RxBluetoothKit and RxAndroidBle under the hood. scanAndConnect() { this.manager = new BleManager(); // Wait for PoweredOn state this.manager.startDeviceScan(null, null, (error, device) => { if (error) { return; } // Check if it is a device you are looking for based on advertisement data // or other …
Continue reading “react-native-ble-plx – React Native Bluetooth Low Energy (BLE) library”
react-native-background-fetch – Periodic background tasks for React Native Apps
Background Fetch is a very simple plugin which will awaken an app in the background about every 15 minutes, providing a short period of background running-time. This plugin will execute your provided callbackFn whenever a background-fetch event occurs. import BackgroundFetch from "react-native-background-fetch"; export default class App extends Component { componentDidMount() { // Configure it. BackgroundFetch.configure({ …
Continue reading “react-native-background-fetch – Periodic background tasks for React Native Apps”
React Native CLI 3.1.0 and 4.0.0 – What’s New?
Mike Grabowski on the recent changes in React Native CLI: In this short article, I want to give you an overview of what’s new and what’s coming up in React Native CLI. Also, I’ll tell how do we plan our work going forward on it. The fact that React Native now shares the build cache …
Continue reading “React Native CLI 3.1.0 and 4.0.0 – What’s New?”
React Native + SwiftUI
Kureev Alexey on how to use SwiftUI Components in an React Native App. Today, we’ll write a proxy that allows developers to use SwiftUI in their React Native applications. The Native SwiftUI Button Component looks like this: struct SwiftUIButton : View { @ObservedObject var props = ButtonProps() var body: some View { VStack { Text("Count …
React Native is the Future of Mobile at Shopify
Until now, the standard for all mobile development at Shopify was native mobile development. We built mobile tooling and foundations teams focused on iOS and Android helping accelerate our development efforts. While these teams and the resulting applications were all successful, there was a suspicion that we could be more effective as a team if …
Continue reading “React Native is the Future of Mobile at Shopify”