React Native Vs. Flutter: The Key Differences Every Mobile App Developer Should Know In 2021 [Guide For Beginners]

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
  • InfluxDB - Access the most powerful time series database as a service
  • Sonar - Write Clean JavaScript Code. Always.
  • ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
  • react-native

    A framework for building native applications using React

    React Native has in-depth documentation, where thoroughly explained how to get started with create-react-native-app command, how to use native modules or create platform-specific components, and other hot points in cross-platform development. React Native got almost 95k stars on GitHub.

  • react-native-windows

    A framework for building native Windows apps with React.

    https://github.com/microsoft/react-native-windows#-react-native-for-windows

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Flutter

    Flutter makes it easy and fast to build beautiful apps for mobile and beyond

    Flutter also has a detailed library of documentation. Despite being younger than React Native, Flutter’s community is also growing and being maintained by enthusiasts. Flutter has 120k stars on GitHub.

  • react-native-gesture-handler

    Declarative API exposing platform native touch and gesture system to React Native.

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • react-native-material-ui

    Highly customizable material design components for React Native

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • NativeBase

    Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • react-native-ui-kitten

    :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • axios

    Promise based HTTP client for the browser and node.js

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • react-native-maps

    React Native Mapview component for iOS + Android

    1.React Native Gesture Handler 2.React Native Material UI 3.Native Base; (Cross-platform UI components for React Native) 4.React-Native-UI-Kitten 5.Axious; (HTTP client for the browser and Node.js) 6.React Native Maps

  • react-native-debugger

    The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools

    The first tool that comes to our mind if speaking about debugging stuff for React Native, is react-native-debugger, an official debugger of React Native with Redux DevTools and React Inspector. Plus,

  • reactotron

    A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

    reactotron, — for inspecting and debugging your macOS, Windows, and Linux apps

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    ➕ React Native is a good instrument for creating minimal viable products. Why? Again, because of JavaScript which is easy, known, and loved by everyone. Though, in the long run, we would suggest using TypeScript instead of JavaScript.

  • pub-dev

    Pub.dev, the Dart package repository, written in Dart

    Start working with Flutter after loading and decompressing the full package. Use pub.dev to get more libraries. Build, test and deploy your mobile app automatically with such servers as Bitrise or CircleCI. And in case you face some difficulties, refer to the Flutter community, helping each other to code faster and easier.

  • devtools

    Performance tools for Flutter (by flutter)

    Flutter inspector, to explore Flutter widget trees DevTools, a suite of performance and profiling tools that run in a browser Android Studio/IntelliJ, and VS Code Other debugging tools for Flutter are well-represented here.

  • flipper

    A desktop debugging platform for mobile developers.

    Flipper, very simple and clear mobile app debugger with a log viewer, layout inspector, and network inspector

  • expo

    An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

    React Native code structure, styling is a lot direct with JavaScript that allows creating MVC just from scratch. RN has an intuitive architecture that is compared to React. How to set up the development environment for RN? The simplest way is to use Expo or React Native CLI. Expo is a free tool that allows you to develop and deploy RN applications with native code writing.

  • appium

    Cross-platform automation framework for all kinds of your apps built on top of W3C WebDriver protocol

    For instance, for Windows, you can use Performance Monitor to get started from the debug menu. It’ll be displayed in your app over the opened screen. For testing iOs apps on React Native, you may use Appium.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts