Community Picks·3yCan you fix 2,500 TypeScript errors?
Inkdrop mobile v5.1.0 beta is available on the beta version on TestFlight and Google Play Store. The app used to freeze for a few seconds when changing device orientations on tablets. I realized that this was caused by a massive amount of UI rerendering due to the window dimension change event.
builder.io·3yBuilding Adaptive User Interfaces in React Native
React Native provides components and APIs to adapt to changes in device sizes and orientations. The Dimensions API in React Native allows you to obtain the device's width and height. You can use these values to adapt styles based on the device size. For more complex platform-specific scenarios, you can split your code into separate files.
React Native Example·3yFood Recipe App using React Native Reanimated 3.0 and TailwindCSS
Food Recipe App uses React Native Reanimated 3.0 and Tailwind CSS Food-Recipe-App-React-Native Watch Tutorial on YouTube. Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.
Firebase Developers·3ySending Push Notifications for Chat Messages
We will use Firebase Cloud Messaging FCM and Cloud Functions for Firebase to achieve this goal. In our app project, we need to add the Push Notification capability and configure the Firebase Messaging in the file. This is to tell FCM to send a notification whenever a change happens in our Firebase database.
Product Hunt·3ySCode Studio - On the go Compiler/IDE - Programming on mobile App/ Mobile coding IDE and platform
Most-loved launches by the community Newsletter The best of Product Hunt, every day Popular products in... AI No Code Social Media E-Commerce Analytics. Ask questions, find support and connect Stories Tech news, interviews and tips from Makers Changelog Release notes from the Product Hunt team Office hours.
React Native Example·3yAn open-source app for iOS/Android, made for film enthusiasts
Widescreen is an open-source app for iOS/Android, made for film enthusiasts! Guess and rate the daily film, read nuanced reviews, discuss film with the community, chat privately with friends, and more. Use the React Native Expo environment set on your device.
Hacker Noon·3yBuilding a Simple, Scalable and Maintainable Design System
A design system comprises visual language, framework, and guidelines, offering components like color palettes, typography, and UI elements. The result is an easy-to-maintain, iOS-friendly design system using Swift and Pattern Factory for scalable, consistent UI development.
