Ahmad Shadeed·3yNew Viewport Units
New Viewport Units - Ahmad Shadeed We have been using CSS viewport units since 2012. They are useful to help us in sizing elements based on the viewport width or height. But using the unit on mobile is buggy. The reason is that viewport size won’t include the browser’s address bar UI.
Community Picks·3yThis is Why We Stopped Using React Native
React Native is a ‘cross-platform’ framework that allows you to create both Android and iOS apps with a single codebase. It’s an alternative to ‘native’ frameworks for iOS and Android which are the frameworks that the vendors of the platforms suggest you use.
Flutter·3yWhat’s new in Flutter 3.7
The team is pleased to announce that the new Impeller rendering engine is ready for preview on iOS on the stable channel. For all platforms, you can define a Material Design menu that provides cascading menu bars. The DevTools Memory debugging tool has undergone a complete overhaul. There are three new feature tabs, Profile, Trace and Diff.
Flutter·3yWhat’s new in Flutter 3.10
Flutter 3.10 includes many improvements to web, mobile, graphics, security and so much more. Seamless web and mobile integration, breakthrough graphics performance via Impeller in stable, and more. We can’t wait to show off the huge efforts of our amazing Flutter community.
React Native Example·3yA Travel App UI in React Native with TailwindCSS
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. It also attempts to open your app on a connected Android device or emulator.
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.
Hacker News·3yThreads, an Instagram app
Instagram’s text-based conversation app Threads is where communities come together to discuss everything from the topics you care about today to what’ll be trending tomorrow. The developer, Instagram, Inc., indicated that the app's privacy practices may include handling of data as described below.
The Verge·3yThe excellent Arc browser is now available for anyone to download
The Verge Arc, the Mac and iOS browser from The Browser Company, is now available for all iOS and Mac users to download. Arc’s version number just jumped to 1.0, and anyone who wants to use Arc can go to arc.net and get the browser.
React Native Example·3yOnboarding UI with Lottie Animations
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. Also attempts to open your app in the iOS Simulator if you're on a Mac and have it installed.
UX Planet·3yTop 5 Design Systems That Streamline Design Process
For each design system, we will provide a Figma UI kit so you don’t need to create UI elements from scratch. The HIG is a must-have tool for anyone who wants to build a product for the Apple ecosystem. Microsoft Fluent 2 is the next evolution of Microsoft’s design system.
David Heinemeier Hansson·2yNative mobile apps are optional for B2B startups in 2024
Native mobile apps are becoming optional for B2B startups in 2024, with Progressive Web Applications (PWAs) emerging as a viable alternative. PWAs offer simplified development with one code base and one deployment path, making it easier for startups to enter the market without the need for a large native development team. The recent support for PWAs by Apple, including features like Add To Home Screen and Web Push Notifications, has further solidified their viability. As a result, it is now recommended that B2B startups prioritize web development first before considering native app development.
ProAndroidDev·3yJetpack Compose Multiplatform Android & iOS
Jetpack Compose Multiplatform Android & iOS has been working on Compose for several years and recently released an alpha version for iOS. The general approach of Kotlin Multiplatform includes the ability of sharing not only the business logic code, but also the UI code. You have a choice to use native iOS UI frameworks (UIKit or SwiftUI) or embed iOS code directly into Compose.
React Native Example·3yCoffee App UI using React Native
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. Also attempts to open your app in the iOS Simulator if you're on a Mac and have it installed.
Hacker News·3yApple doesn’t want you developing hobby apps
Apple charges a $99 yearly developer fee even if you don't want to publish your app on the Appstore. The provisioning certificate in Xcode provides temporary access to the app on your device. Apple's Appstore guidelines can be confusing, making it difficult to publish niche hobby applications.
Flutter·3yWhat’s new in Flutter 3.13
In just the three months since our last release, we have had 724 pull requests merged and 55 community members authoring their first commit to Flutter. 2D scrolling, faster graphics, Material 3 updates and more Welcome back to our quarterly Flutter stable release, this time for Flutter 3.13.
This Week In React·3yThis Week In React #156: Server Actions, Stale Closures, React Falls Behind, Expo Builds, Suspense Throttling, React-Aria, Natuerlich, Obsidiosaurus, Expo-SQLite, Expo DevTools...
This Week In React #156: Server Actions, Stale Closures, React Falls Behind, Expo Builds, Suspense Throttling, React-Aria, Natuerlich, Obsidiosaurus, Expo-SQLite, Expo DevTools. This week, we've got many articles from the React and React-Native community.
asayer·3yCreate a React Native map using Mapbox
Mapbox allows developers to create stunning and feature-rich maps in their React Native applications. Mapbox provides all the tools to create an immersive and engaging map experience. In this article, we will explore the steps required to set up Mapbox in your project, display a map view, obtain the user’s location.
Community Picks·3yWebContainers now run on Safari, iOS, and iPadOS
WebContainers can now run on Safari, iOS, and iPadOS. This includes support for running Node.js apps. The post also discusses the differences between browser rendering engines and the limitations of memory allocation on mobile devices.
Latest Hacking News·3yBrave Browser Turns Your Device Into A Proxy For Others Via “Snowflake” Feature
Brave Browser turns your device into a Proxy Via “Snowflake’s Snowflake” feature. Activating this option allows users to volunteer their device as a proxy, enabling other users to access Tor in repressive regions.
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.
React Native Example·3yA fully functional weather app with react native and weatherapi.com
A fully functional weather app with react native and weatherapi.com Weather-App-React-Native Watch Tutorial. 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.
habr·3yLeetCode 956 (Hard). Solution of the day. Tallest Billboard. Swift. DP. O(n)
The code uses dynamic programming to solve the problem. It maintains a dictionary dp, where the keys represent the possible height differences between the two billboards. The code iterates through each rod in the given input rods. For each rod i, it creates a new dictionary cur to store the updated values for dp.
