Best of Mobile DevelopmentOctober 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Mobile App Development Course with React Native, Supabase, Next.js

    Learn to build a complete e-commerce mobile app with React Native, Supabase, Stripe, and Next.js through a comprehensive freeCodeCamp course. The course covers front-end design, secure back-end setup, payment integration, and deployment, making it ideal for full-stack developers aiming to enhance their skills.

  2. 2
    Article
    Avatar of povioPovio·2y

    Choosing the Perfect Font

    Success in mobile app development is often found in the details, and fonts are a key aspect that can make a significant difference. This post provides 8 essential questions to guide you in choosing the perfect font for your app, focusing on factors like readability, accessibility, and design flexibility. Also, it offers a list of 13 recommended fonts to enhance both the aesthetic appeal and functionality of your mobile project.

  3. 3
    Article
    Avatar of fluttersquadFlutter Developers·2y

    🚀 Boost Your Flutter App Performance! 🌟

    Improve your Flutter app's performance by using nested widgets like Padding, Align, and SizedBox instead of Container. These alternatives offer better optimization and faster build times due to the lack of a const constructor in Container.

  4. 4
    Article
    Avatar of supabaseSupabase·2y

    Building offline-first mobile apps with Supabase, Flutter and Brick

    Building offline-first mobile apps improves user experience by ensuring app usability in areas with poor connectivity. Using Supabase and Brick with Flutter allows data to be cached locally, minimizing round trip times and enabling apps to function smoothly offline. Brick manages local and remote state synchronization, providing code generation for serialization/deserialization and handling migrations automatically.

  5. 5
    Video
    Avatar of TechWithTimTech With Tim·2y

    4 Software Developer Roadmaps For 2024+

    A software engineer emphasizes the importance of having a roadmap to succeed in the field. The author breaks down essential core skills such as programming, data structures and algorithms, command line navigation, version control with git, and coding best practices. The post then presents four specific roadmaps: data science/machine learning, frontend development, backend development, and mobile development, providing detailed guidance on the essential skills, frameworks, and tools needed for each path.

  6. 6
    Article
    Avatar of rn_squadReact Native Devs·2y

    Flutter or React Native?

    An open discussion on the pros and cons of using Flutter versus React Native for mobile app development, aimed at helping readers determine which framework might be better suited for different needs.

  7. 7
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    React Native Just Got 550% Faster

    React Native has significantly improved with a 550% performance boost, thanks to a new architecture in version 0.76. This update includes features like full support for modern React features, synchronous updates, and native modules, eliminating the need for a bridge between JavaScript and native code. Convex is recommended as a superior backend alternative to Firebase, simplifying backend development with minimal code.

  8. 8
    Article
    Avatar of souabnimonaFull-stack·2y

    Flutter Roadmap

    This guide outlines the necessary steps to learn Flutter, starting from beginner concepts like Dart basics, Flutter SDK installation, and understanding widgets, to advanced topics such as state management, networking, animations, and deployment. It also covers intermediate stages involving state management with Provider and Riverpod, handling user input, and networking. Advanced learners can dive into Firebase, custom widgets, performance optimization, and building for web and desktop platforms. The roadmap encourages continuous learning through community involvement and staying updated with the latest developments.

  9. 9
    Article
    Avatar of medium_jsMedium·2y

    Skip The APK: How to Deploy Flutter Mobile Apps as Instant Web Preview 🚀

    Transform your Flutter mobile app demos with Device Preview and GitHub Pages, offering instantly accessible web previews. This approach eliminates the friction of sharing APKs and improves professionalism. Follow simple steps to set up Device Preview, configure your app, and deploy it on GitHub Pages, ensuring your app looks great on different devices.

  10. 10
    Article
    Avatar of headwayHeadway·2y

    Migrating a React Native App to Expo

    Learn how to migrate your existing React Native app to Expo to utilize powerful features like over-the-air updates, push notifications, and seamless app store deployment. Understand the managed and bare workflows, assess your current project including native libraries and device features, and follow a step-by-step guide for migration. Additionally, get insights on configuring Expo Application Services for building, submitting, updating, and pushing notifications, along with essential QA/testing practices.

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Ideasgrab

    A long list of creative ideas, shared since 2017, updated daily. Examples include a food takeaway app that uses house photos, Chrome extensions for blocking irrelevant search results on Yelp and Amazon, an app for sending automated gifts, and a social media crawler to remove curse words.

  12. 12
    Article
    Avatar of syncfusionSyncfusion·2y

    Introducing the New Flutter Chat Widget

    Explore the new Flutter Chat widget from the Essential Studio 2024 Volume 3 release. It supports customizable one-on-one and group chats with features like message bubbles, headers, footers, and placeholders. The post provides step-by-step instructions on how to integrate and customize the widget in a Flutter app, enhancing user communication with a modern conversational UI.

  13. 13
    Article
    Avatar of selfhstselfh.st·2y

    This Week in Self-Hosted (4 October 2024)

    The latest updates in self-hosted software cover significant advancements like Borg's new rclone support for cloud backups, Mozilla's beta release of Thunderbird for Android, and various updates across numerous self-hosted applications like Home Assistant, Keycloak, and qBittorrent. New software releases were also highlighted, including apps like CheckHomeIP for email notifications and PSWD for secure password generation. Additionally, Streamyfin, a user-friendly Jellyfin client for mobile devices, was spotlighted for its modern features.

  14. 14
    Article
    Avatar of fluttersquadFlutter Developers·2y

    Roadmap to Senior Flutter Developer

    An overview of the skills and path needed to reach the level of Senior Flutter Developer. The guide serves as a shorter alternative to the more detailed Flutter roadmap available on roadmap.sh.

  15. 15
    Article
    Avatar of rn_squadReact Native Devs·2y

    What is the Easiest Way to Update React Native?

    The post discusses updating an older React Native app built with JavaScript to a newer version and migrating to TypeScript. It seeks the easiest way to accomplish this upgrade.

  16. 16
    Video
    Avatar of philipplacknerPhilipp Lackner·2y

    Is THIS the End of the Google Play Monopoly?

    A significant judgment from the Google vs. Epic Games lawsuit has led to major changes in the Android ecosystem. Google is now required to allow third-party app stores to be installed from within Google Play and to provide them with access to the complete catalog of apps. Additionally, developers are no longer forced to use Google Play's billing system, meaning Google can no longer charge a 30% commission on in-app purchases. Developers can also link to alternative payment methods and app stores from within their Google Play listings. This decision could potentially ease the hurdles for Android developers and reduce app costs for consumers, though Google plans to appeal the ruling.

  17. 17
    Article
    Avatar of verygoodventuresVery Good Ventures·2y

    Flutter Glossary

    Flutter is a cost-effective platform that allows development with a single codebase across multiple platforms. Very Good Ventures (VGV) has created a glossary to help developers understand key concepts, terms, and acronyms in Flutter. This resource aims to strengthen foundational expertise in Flutter by explaining different components like Animation, AppBar, Dart, BLoC, and many more. VGV also provides code reviews, training workshops, and supports open-source tools to help maximize the framework's potential.

  18. 18
    Video
    Avatar of youtubeYouTube·2y

    Coding a Famous Mobile app in 5 hours (without AI) - React Native, Expo, Expo Router

    The post details the process of recreating the MKBHD wallpaper app using React Native and Expo. Over a detailed video, the author explains the basics for React Native, navigation setups using Expo Router and React Navigation, and how to handle various UI elements. The app includes core functionalities like browsing and downloading wallpapers, with features such as light/dark mode. Readers learn about handling multiple screens, creating a polished UI, and the nuances of React Native compared to standard React.

  19. 19
    Video
    Avatar of philipplacknerPhilipp Lackner·2y

    The Ultimate Beginner's Roadmap to Android App Architecture

    Beginners in Android app development often face confusion due to various architectural patterns like MVVM, MVI, and clean architecture. This guide provides a simplified roadmap for structuring an Android app, recommending a beginner-friendly architecture with four main components: UI, models, data layer, and one view model per screen. The focus is on achieving consistency, ease of maintenance, and avoiding over-complication. The guide emphasizes simplicity and understanding fundamental concepts before diving into more complex architectures.

  20. 20
    Article
    Avatar of flutter_comFlutter Community·2y

    Future in Flutter

    Flutter, originally called Sky, is known for its ability to deliver 120 fps even though it operates on a single-threaded model. This post discusses Dart's concurrency model using the event loop and isolates, and dives into the workings of Futures, including their states and various ways to create and handle them. It highlights techniques for managing results from Futures using callbacks, the async/await pattern, and the FutureBuilder widget in Flutter. The post also touches on running multiple Futures in parallel using FutureGroup and Future.wait.

  21. 21
    Article
    Avatar of fluttersquadFlutter Developers·2y

    Best 8 Practices for Writing Clean and Scalable Code in Flutter in 2024

    Learn the best 8 practices for writing clean and scalable code in Flutter in 2024 to create error-prone and sustainable applications.

  22. 22
    Article
    Avatar of verygoodventuresVery Good Ventures·2y

    Why Learn SwiftUI as a Flutter Developer?

    Flutter offers many advantages, but it doesn't cover all edge cases, especially with the evolving features of iOS, iPadOS, and macOS. Developers might need to write native code in Swift to leverage features like watchOS, Siri Shortcuts, App Clips, widgets, and Live Activities. Swift and Dart have similarities, making the transition smoother. Moreover, SwiftUI—the reactive UI framework for Swift—shares similarities with Flutter's widgets, facilitating easier integration. Learning SwiftUI can enhance the user experience on Apple platforms without moving entirely away from Flutter.

  23. 23
    Article
    Avatar of codewithandreaCode with Andrea·2y

    What does flutter pub upgrade do?

    Flutter's 'pub get' command retrieves all dependencies while adhering to the versions specified in `pubspec.lock`, whereas 'pub upgrade' updates all dependencies to their latest non-major versions, ignoring `pubspec.lock`. Both commands behave the same if `pubspec.lock` is absent, and neither updates dependencies locked to a specific version.

  24. 24
    Video
    Avatar of youtubeYouTube·2y

    The EASIEST Way To Build Your Mobile App In 30 Minutes (No Code)

    Learn how to build a mobile app in under 30 minutes without any coding knowledge by using the Good Barber platform. This no-code, drag-and-drop tool allows you to create both simple and complex apps for iOS and Android, manage marketing, get app statistics, and integrate monetization features. With over 190 plugins and third-party API support, you can customize your app to fit various needs, from e-commerce to memberships.

  25. 25
    Article
    Avatar of rndevsReact Native·2y

    React Native Expo Roadmap

    Outline a learning roadmap for getting started with React Native using Expo, including initial steps and recommended progression for mastering both technologies.