Flutter vs React-Native

React-Native is also good mobile programming frameworks like Flutter. It developed by Facebook So there is a very big developer community.This is  very good for a programmer when learning a new technology.You need asking something about your problems.But this is not enough for saying that "the best" for a framework. It should be also more usable...

React-native is useful according to a few mobile approach but there are some barrier makes it secondary framework.



1-)Programming Languages

React-native is use javascript and npm package manager.This is a good for javascript developers for fast learning.Besides NodeJS & npm is a very big community of developers.So React-native very famous mobile approach for javascript programmers.But javascript is a scripting language.It has very advantages according to others but there are some problems about the performance.



Flutter is using Dart programming language.It is designed client-based.It is so fast according to javascript and it also usefull for mobile and web development like javascript .



You can get here the benchmark tests of NodeJS & Dart.You will see that Dart is faster than NodeJS.



2-)Hot Reload Stability

If you have developed a little React-Native app you should know that its development process is not stable.For example when you make a changing on your code and you want to show it on virtual machine sometimes it doesnt reload .So you need to shutting down the react server and than delete application from the emulator and try again.Sometimes you can see that still there is no changing on emulator.It is a big lost for a developer



Flutter is absolutely more stable according to React-Native.Hot reload mechanism is very clear than it.So it provides very fast development.





3-)Speed of Applications

React-native has bridge technology.It provides to native approach for react-native developers.So they can use native features of mobile devices easily.So React-Native better then Hybrid approach frameworks but slower then Flutter.

Flutter doesnt need the any bridge to provide native approach for developer.It communicates with operating system directly.So the performance of the flutter better than React-Native and any Hybrid frameworks,It has the best mobile application speed for the now.

Installation of Flutter & Dart

 There are 3 options of Windows , MacOS and Linux for downloading of Flutter SDK.for widnows you enter bellow command .You need to git for windows for the running git commands

git clone -b stable https://github.com/flutter/flutter.git

and download the flutter floder and move it on like bellow:

C:\src\flutter

navigate in flutter floder and copy the path

2-Update System Path



Windows search and type "env" here > 'Edit the system environment variables "















Click on the User Variables > Path and add below path :

C:\src\flutter\bin

3-Run flutter doctor

flutter doctor is a envirement checker command.

Open the windows command navigate to C:\src\flutter and run this command :

C:\src\flutter>flutter doctor

if you didnt install android output should be like below of the command

[-] Android toolchain - develop for Android devices
• Android SDK at D:\Android\sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ • Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.

If everything is clear the output  should like below  :

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [Version 10.0.17134.950], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
[!] Android Studio (version 3.4)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Community Edition (version 2018.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[√] VS Code, 64-bit edition (version 1.22.2)
[!] Connected device
    ! No devices available
! Doctor found issues in 3 categories.

Which IDE should use for flutter?
You can use Android Studio or Jetbrains IDE for flutter.
I m using Visul Studio Code free IDE for development of flutter.It has very usefull plugins for using Flutter, Dart , Git.Besidess you can easily debug your code.

I will explain to VS Code  at another post.

Enjoy flutter