Coding a Backendless App: Technologies and Best Practices
Technologies used to code a backendless app, including React Native, Unity, Expo, SVG graphics, and Recycler List Views. Discusses data storage, encryption, and optimizing performance.
00:00:00 A video discussing the technologies used to code the Voidpet app, including React Native, Unity, and Expo. It also explores data storage without a backend server.
💻 The video discusses the technologies used to code the VoidPet app.
📱 The app was built using React Native and Expo, which made development easier.
🔐 Data is stored locally on the user's device instead of using a backend server.
00:01:37 The video discusses the use of a management library called zestand and zestan to update and persist data in a backendless app. It also mentions the use of encryption for certain values and the benefits of storing data locally on the device.
Using the zestan management library to update and persist data in the app.
Implementing encryption to prevent unauthorized editing of certain data values.
Benefits of using async storage for coding and syncing logic on the device.
00:03:15 Learn about the technologies used to code a backendless app, including manipulating time to spawn pets and creating sound effects and haptics.
⏰ The app uses the 'new date' technology to compare the current time and determine when to spawn more pets.
🔊 The app utilizes Expo ad and Expo haptics to provide sound effects and haptics during page transitions and button clicks.
👆 The app features a unique menu design that allows users to open the menu by tapping, holding, and dragging their finger.
00:04:51 The video discusses the technologies used to code a backendless app, including the reanimated library for animations and SVG graphics for visuals.
📱 The speaker used the reanimated library for animations in their app, but encountered issues on some devices.
🔄 Implementing different solutions and making adjustments was necessary to ensure the app worked on all devices.
🌱 All the graphics in the game, including pets, plants, and backgrounds, were created using SVGs.
00:06:29 The video discusses the use of technologies like React Native, SVGs, and Recycler List Views in building a backendless app. It emphasizes the need to optimize performance and convert SVGs to PNGs or JPEGs to avoid memory issues. Recycler List Views are recommended for efficient rendering of large lists.
📱 The video is about using technologies like SVGs and React Native to create a visually appealing app, but there may be memory allocation issues and crashes with too many SVGs on low-end devices.
🔄 To optimize performance, the speaker had to use Recycler List Views in React Native to efficiently render large lists of items, such as pets, and prevent rendering all items at once.
💥 Using FlatList and React Native for rendering SVGs caused significant delays, making it necessary to convert the SVGs to PNGs or JPEGs for smoother performance.
00:08:06 The video discusses the technologies used to code a backendless app, including rendering pets as SVGs and using Expo for updates and in-app purchases.
📱 Optimizing the app for both slow and fast devices is crucial for smooth performance.
🖼️ Using SVGs instead of PNGs for rendering pets allows for various color combinations, reducing the need for thousands of separate images.
🔄 Regular updates and changes are facilitated by Expo, making it easy to load new versions of the app.
00:09:44 A backendless app was created using Revenue cat for subscriptions and a Time server called time8guide.io to prevent cheating on the battle pass feature.
📱 The creator used Revenue cat to simplify app subscriptions for their backendless app.
🔐 To prevent cheating in the battle pass, an API call was made to a trusted time server to limit daily unlocks.
💻 Overall, the creator is pleased with the technology used and would use it again for future projects.
Want to deep dive into this video?
