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.
Community Picks·3yThis page is hosted on my Android phone
This blog is running on my $180 Android phone running Android 11. This post describes how I turned my Android device into a web server which can be accessed from a public URL. It is an application for Android that emulates a terminal and Linux environment. Unlike other similar apps, it does not require rooting or any additional setup.
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.
Google Developers·3yIntroducing Project IDX, An Experiment to Improve Full-stack, Multiplatform App Development
Project IDX is a browser-based development experience built on Google Cloud and powered by Codey, a foundational AI model trained on code and built on PaLM 2. It’s designed to make it easier to build, manage and deploy full-stack web and multiplatform applications, with popular frameworks and languages.
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.
ProAndroidDev·2yClean Architecture for mobile: To be, or not to be
The article discusses the use of Clean Architecture in mobile development, exploring its benefits and limitations. It suggests that for smaller and simpler projects, MVP or MVVM may be sufficient, while larger and more complex projects may benefit from Clean Architecture.
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.
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.
Community Picks·3yWelcome to Comprehensive Rust 🦀
The course covers the full spectrum of Rust, from basic syntax to advanced topics like generics and error handling. It also includes Android-specific content on the last day. The goal of the course is to teach you Rust and hope to: - Give you a comprehensive understanding of Rust syntax and language.
freeCodeCamp·3yLearn Networking in Flutter By Building a Simple App
Learn Networking in Flutter by Building a Simple App. Learn how to build a super simple mobile app that fetches data from the internet and renders it on the app. In this tutorial, we'll be using the API exposed by https://sampleapis.com/. They expose an API endpoint that lists Coding Resources.
MCSS·3yUnderstanding the Differences between Websites vs Web App
Websites can be accessed through a web browser, but they are fundamentally different in terms of functionality, user experience, and development. Websites are typically designed to be viewed on a desktop or laptop, but can also be seen on mobile devices. Web apps, on the other hand, are designed to provide a specific functionality or service.
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.
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.
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.
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 beautiful drinking game with 100+ cards, Created with React Native
Drink Up! is a beautiful drinking game with 100+ cards. Created with React Native and Reanimated Add players Hit play card instructions and swipe it away when you're ready for the next one! Cards include: “Random Player must do the robot or drink.
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.
