What I Learned as a Web Dev on My First React Native Project

VPS Note Taking Animation

React Native Firebase Landing Page
1

React Native Firebase

A well tested feature rich Firebase implementation for React Native, supporting both iOS & Android platforms for 10+ Firebase modules (including Cloud Firestore) 🔥.
Pricing:
- Open Source
Further, mobile devices can lose connectivity easily; for that, you can count on the NetInfo library to offer a user experience while offline. Finally, notifications are an essential part of mobile apps and Firebase offers great React Native integrations.

#VPS #VPS Hosting #Cloud Computing 44 social mentions
React Navigation Landing Page
2

React Navigation

Description will go into a meta tag in <head />
Pricing:
- Open Source
To navigate between screens, you will probably end up using the very popular React Navigation library. There is a great, purely native alternative, React Native Navigation (the names get confused easily), from Wix. It is super performant but not that flexible. Therefore, again: If your design asks you for something custom, you have no choice but to go with React Navigation; luckily, it is a great, well-documented option.

#Development Tools #Developer Tools #Programming 46 social mentions
Redux Persist Landing Page

3

Redux Persist

persist and rehydrate a redux store. Contribute to rt2zz/redux-persist development by creating an account on GitHub.

The Redux library is quite a common choice thanks to its broad ecosystem. Luckily, there is now a very useful Redux Toolkit that mitigates the amount of boilerplate you have to usually write. RTK Query is a very new Redux solution for data fetching and caching, hopefully making our lives even easier. Though the web seems to slowly be moving away from Redux to React Query, SWR or other solutions, mobile is a different story; Redux is holding on to its popularity, as it integrates well with libraries that persist and rehydrate the global state for users when they relaunch the app.

#NoSQL Databases #Databases #Key-Value Database 17 social mentions
React Native Paper by Callstack Landing Page

4

RNP

React Native Paper by Callstack

Material Design for React Native (Android & iOS)

You can also choose from several UI kits to get started on your hobby project. Popular ones are, for example, React Native Paper and UI Kitten.

#React Native #React Components #React 11 social mentions
React Native UI Kitten Landing Page
5

React Native UI Kitten

Customizable and reusable react-native component kit
Pricing:
- Open Source
You can also choose from several UI kits to get started on your hobby project. Popular ones are, for example, React Native Paper and UI Kitten.

#Development Tools #React Native #JavaScript Framework 12 social mentions
Lottie by Airbnb Landing Page

6

Lottie by Airbnb

Easily add high-quality animation to any native app

You can use the built-in Animated API, which performs well especially when using useNativeDriver: true prop. However, you get the best performance with the React-Native-Reanimated library, which is currently being upgraded to version 2 and expectations are high! Note that this only works with Hermes enabled (see the next section). More sophisticated animations used to, for example, wow users with an eye-catching splash screen, are commonly achieved with Lottie.

#Animation #Developer Tools #Vector Graphic Editor 22 social mentions