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
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • OPS - Build and Run Open Source Unikernels
  • GitHub repo 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.

  • GitHub repo react-native-windows

    A framework for building native Windows apps with React.

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

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo 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

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo 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,

  • GitHub repo 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

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo devtools

    Performance tools for 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.

  • GitHub repo 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

  • GitHub repo 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.

  • GitHub repo appium

    :iphone: Automation for iOS, Android, and Windows Apps.

    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.

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