Skip to content

The exact same app developed in React Native and in Flutter. Allows an apples-to-apples comparison

License

Notifications You must be signed in to change notification settings

rapPayne/react-native-vs-flutter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-vs-flutter

The exact same app developed in React Native and in Flutter. Allows an apples-to-apples comparison

Accompanying Blog Posts

OLA WAS HERE!

Comparison Metrics

Lines of Code

Screen Shot 2021-06-26 at 17 26 48

Requirements

Need Why we need it Where to get it
node and npm We run a RESTful API to serve data nodejs.org
mongoDB For the movie database mongoDB.com
flutter tools To run Flutter projects flutter.io
expo client To run React Native projects npm install --global expo@latest

To run the Flutter project

  1. Setup the database
  2. Run the node/Express web server
  3. Run the Flutter project

To run the React Native project

  1. Setup the database (if you haven't already)
  2. Run the node/Express web server
  3. Run the React Native project

To set up the database

  1. Make sure a mongod server is running
  2. Open a bash/Powershell/terminal window
  3. cd to the "server" folder
  4. npm install (You only need to do this once)
  5. npm run setup This will create a new mongoDB database called 'daam' and load it up with realistic-looking data. You only need to do this one time, but feel free to do it as many times as you like to refresh the database.

To run the node/Express web server

  1. cd to the "server" folder
  2. npm run server

To run the Flutter project

  1. Make sure a device is connected or an emulator is running
  2. cd to the "daam_flutter" folder
  3. flutter run Or you can open the flutter project in your favorite IDE and run the project in the debugger. This has been tested in VS Code and Android Studio.

To run the React Native project

  1. Make sure a device is connected or an emulator is running
  2. cd to the "daam-react-native" folder
  3. npm run start

About

The exact same app developed in React Native and in Flutter. Allows an apples-to-apples comparison

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •