Flutter vs. React Native which one is the best
Key Takeaways
The video compares React Native and Flutter, two popular mobile development frameworks, highlighting their strengths and weaknesses, and discussing which one to learn and use depending on the case scenario, with tools such as JavaScript, Dart, and CLI being utilized.
Full Transcript
hi everyone and welcome to the full comparisons between react native and flutter so this probably will be the last comparison video you will ever watch during your career to pretty much put your mind whether you go with flutter or you just keep going or you pretty much you go with react native so if you're a beginner or you're just getting started with mobile development you're probably just going to have this question and it's actually a really huge question to ask yourself about what should i choose flutter or react native it's it's pretty huge pretty much to figure out what framework to go with because it's just going to determine what job you're going to land later on or what libraries you're going to be working on or different application paradigms you are pretty much going to go through so in this video we're going to just go all through the aspects inside of just determining what framework is best for you depending on your expertise or what you want to do and what jobs you want to land so let's start by defining or knowing exactly what react native is and what is flutter so react native is a mobile framework created by facebook in 2015 and it has been out for a couple of years and a lot of applications has been created by using this beloved framework from a lot of developers around the globe including me of course but it has some downsides and upsides so as all frameworks yellows creating mobile applications from a single source for both android and ios while on the other hand flutter is a mobile development case created by google and has been released like the 1.1 version in the last year it's aiming to bring up development to the next level and it cares a lot about developer experience and it brought a brand new changes to the mobile development world and it uses dark programmable language under the hood so now let's jump and see the major differences between both of these frameworks and see which one is perfect for you so for the developer api react has an easy learning curve especially for javascript developers so if you are actually a previous like web developer or current web developer who knows javascript and mastery and knows all the basics and stuff about it react native is going to be super super easy to get started just pick it up and get started with it you're just not going to feel any differences between web development and mobile development just in couple of like minimal differences and since javascript is pretty common among a lot of developers it's like according to the 2020 stack overflow surveys javascript is the most wanted and pretty much works with a programming language in 2018 so yeah you guessed it right it is javascript and it makes it such easy to understand it work with react native it also has a pretty robust state management techniques and apis to pretty much keep the stage really tight and you can just have control over of your application stays in one single place the only bad thing about react from a developer's api perspective is actually the setup and getting started with so if you want to set up your first project and install it and everything you're going to have like a tough time doing this because it has a lot of complicated steps to go through and for a beginner it might be a little bit tough to just pick it up and get started with so this is only the downside i found from a developer api perspective to actually for react native and just pick it up and get started working for flutter it has a very easy getting starting guide and documentation just guides you through the instructions you need to do and in the other hand it has a smooth project setup experience so if you want to just get create a new project using flutter it has like the far cli does the job for you under the hood you just like do photo create a project and just boom everything is served up and you can just get started with water that simple it is it is much better depending on the react native on when you just try to create a new project and set it up but when it comes to the installation of a follower and the whole development kits and set up all the path and stuff it is quite painful because you have just go through the binaries for your own platform you download it and you just like go all throughout the steps to configure the binaries and install it and add it to your path so you can pretty much can have control over the old environment and that's a little bit painful for newbie developers who are just getting started also since flutter uses dart under the hood as a programming language so yeah a lot of developers can have difficulties learning doubt because you know it's less known compared to javascript and not a lot of people are fan of darts and its own syntax and just like reactive programming uh paradigms and stuff like that so yeah you're gonna have a tough time learning darts but if you're not just go with it yeah you should go with it there's no going back for ui components react has a very few built-in components compared to from so if you want just to get started within creative very basic projects from scratch using react so you're not going to have a lot of choices to choose components from like text components and you have full customization and stuff like that but in the other side and the brightest side of all the things here it has a huge third-party libraries so if you just go get up and just type in react native you're going to find a lot of ui components libraries for the react native framework of course from different side from material to dark to light theme and different stuff you can pretty much use and that what makes it really special compared to flutter and for following the other side it has actually less third-party components published there because it's a new framework out there so there isn't many libraries compared to react but the greatest part about here is actually the built-in components from google's standard library are huge so they are customizable there is pretty much everything you need to go ahead and get started and create a basic project even intermediate and advanced project you can just all do it in one place using the stereo and the basic component including throughout the standard library which makes it super easy and once i did actually get started and started working with photo the last time is pretty much made it super easy they included a lot of components a lot of widgets and yeah it made my day for performance reacts has an acceptable performance overall but when it comes to larger and bigger applications that uses more ram and more cpu well reacts is going to just like have a lower performance compared to flutter because it all goes through the javascript bridge and that can make it a little bit slower compared to a native code running on in the native cpu of course so that is only the downside when it comes to performance but if you just like running regular applications and small applications to mid applications you're pretty much not going to be noticing that for larger and more complicated and complex applications you would probably just need more optimization going through your code to optimize everything that goes as smoothly as possible for fodder it has a better performance overall compared to the react native because it all goes down into the code gets natively compiled and it runs natively on the device's chipset and they're gonna make like a huge difference between react and the flower code running all of that comparing the javascript bridge to a native code well you're gonna pretty much notice some difference when it comes to performance so flutter has a win-win that's on the performance side in here but reacts still have some on other sides that goes throughout well also flutter can actually replace heavy application development and go into native or pretty much replace native application developments because you can pretty much do heavy tasks like game developments or creating games and overall can create ai application or heavy ai application or image processing applications and stuff like that so yeah you still can do something like this using flutter but when it comes all down into regular application like facebook's and just like chat applications and stuff like that doesn't use heavily cpu and chipsets and just heavily used ram and stuff like that well you're not going to be noticing a much difference between the performance here and there for community and documentation react has a pretty well explained documentation with a lot of languages available from chinese to japanese and stuff like that and of course it has a lot of support out there so you can pretty much just go through and ask for react and boom you can have find help here and there and yeah you can just find a lot of react native help from one slide and as well the documentation is pretty well written and when it comes to pretty much like third-party libraries and the whole community overall and how much helpful the community can be well of course as you all know react native has a huge community from going from actually to tutorials to courses and free courses and paid courses and of course forums that you can ask different couple of questions on i'm pretty much gonna get immediately like answers about which can be very helpful as a beginner and just gonna get started with react native if just like get stuck somewhere you have just like a pretty robust and ridiculous issue or air going out there well we pretty much can find help here and there and yeah it could be very very useful as a beginner and that is actually a good point about react native as you can find there because community is always a good thing to have in anything you want to just learn and get started for father's documentation yes google did a great job on that part in particular and yeah it has written a self-explanatory documentation straight to the point with great and clear instructions and the examples are absolutely amazing so just like pick up an example and like 90 i say you would understand for that example because it's well documented and the instructions are self-explanatory so yeah the documentation is super nice over there from the filter side but the bad point about this is actually the community as we all know it has been like a couple of years and just like year or two since florida came out and officially getting into the production based vision so there isn't that much of tutorials going out there about flutter or just like libraries i still as i'm saying on the youtube community stuff they are daily uh growing about flowers so yeah you're gonna find daily stories about that and stuff like this they are pretty interesting but still compared to react native you're gonna see a huge difference from react native side just like blowing out on the community side of course so if you're probably wondering what apps or companies are actually using either react native or flutter so when it comes to react native there's many companies and many well-known applications are built around this great framework so you can see since it's created by facebook well facebook has built most products around react native like the facebook pretty much the messenger the instagram application whole being built up from scratch using react native framework there's as well airbnb who doesn't know airbnb yeah it's this great smooth ui has been built of course using react native and the other side you're gonna find a lot of different examples just like go ahead and google what outside just be able to use a react native you're going to find plethora of them but for florida there isn't much of companies has been adopting flowers since it has been released because there's just like a couple of months or just a year has been gone into production already things so yeah you're not going to be finding a lot of applications but still many applications or many companies are shifting to using flutter since its performance and stuff including google has its google ads manager uh the new york times application even the alibaba or alibaba site yes like the application of alibaba has been rebuilt from scratch to be based on flutter and that's pretty fluttering to be honest when it comes to flowers so yeah hopefully we will see more applications and more big gigantic companies gets relying into uh flower and puts their just like whole teams working on flour as well as they did with react native but yeah so there's actually guys about the comparisons and my final opinion what i'm gonna be saying this so yeah if you just like made it this far on the video and you're probably just wanting to know the final decision so either you go with react native or you go with flutter now it pretty much all depends and it's up to you and it depends on what you want to do so if you want to be pretty much a mobile developer you want to go for heavy applications you care about performance a lot and you don't care about third party libraries because you can use the built-in things and stuff um like you is and stuff from here just to make that happen well as my opinion in here would go with flutter and you can just go in a search bar because it's much better and it's performance oriented and you don't care about third party libraries or stuff like that or community or supports but in the other hand if you're a web developer and you've used react before even though if you didn't use react at all you probably have like a decent amount of knowledge about javascript since you're a web developer and you want to go with applications and you want to just explore a lot of opportunities there about different libraries different ui command libraries from different teams around the world and different people just putting creative ui components there on githubs well yeah react native is your choice and you can go with this if you either if you're actually pretty much a beginner and wants to get started you're gonna find a lot of developers and tutorials and community uh helping you through all this and in your hand you're gonna find and build really great and beautiful applications if you're using react native as well as you're not going to be changing a lot of context going from for example with your web developer as i said before so you're going to have the same contents going through so you have javascript both on mobile and web and you're going to not going to be finding any difficulties changing back and forth between those fields but when it comes to photo if you're just like web developer you want to go for mobile yeah you got the point you change it from javascript to dart is a quite hectic when it comes to the syntax and all the different stuff but yeah that was just like my opinion i'm not going to be saying you need to go for flutter for definitely forever for the end of the world whatever or you need to go for react native i'm not just saying that it all depends on what you need um wants to build with each framework each framework has its own downsides and has its great um like things going on about it but yeah it all depends on what you want to say before so that actually was my opinion if you want to do and yeah that's actually the end of the video so thanks for watching hope you guys have enjoyed the futures if you want more videos like this like computer videos like this or stuff like kind of sit down and just uh film myself video talking to the camera yeah i'll be very happy to make more videos guys for you so anyways guys thanks for watching hope you guys have enjoyed the video as always and without further ado without further saying make sure to subscribe push the like button if you like the video and see you guys hopefully in the next video [Music]
Original Description
In this video, we will see a detailed comparison between React Native and Flutter which framework you should learn and work with depending on your case scenario, React Native is very popular among a lot of developers but since the Google release of Flutter the mobile development field had seen a lot of arguments between which is the best.
🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github: https://github.com/ipenywis
💡 Ipenywis Learning Website: http://ipenywis.com
Our Udemy Courses:
Let's Create A Nodejs Desktop Chat Application(React/Socket) :
https://www.udemy.com/lets-create-a-nodejs-desktop-chat-application_react_socketio/
Support us
By Becoming a Patreon: http://go.ipenywis.com/ipe
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from CoderOne · CoderOne · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Laravel CMS | N-01 | Getting Started and Environment Set Up
CoderOne
Laravel CMS | N-02 | Routes, Controllers and Views
CoderOne
Laravel CMS | N-03 | Dealing With Assets and Page Layouts
CoderOne
Laravel CMS | N-04 | Migration, Models and Adding Categories
CoderOne
Laravel CMS | N-05 | Showing Added Categories, and Session Messages
CoderOne
Laravel CMS | N-06 | Edit\Remove Categories using AJAX and Popups
CoderOne
Laravel CMS | N-07 | Add New Post
CoderOne
Laravel CMS | N-08 | Creating a Basic Laravel Blog
CoderOne
HTML5 Canvas For Beginners | Getting Started | #01 with Webpack
CoderOne
HTML5 Canvas For Beginners | Drawing Basic Shapes | 02
CoderOne
HTML5 Canvas | Drawing Text With Circles | Part 01
CoderOne
HTML5 Canvas | Text Animation and Circle Collision | Part 02
CoderOne
Complete Guide To Web Development In 2018
CoderOne
AJAX & JSON Explained | Examples
CoderOne
Visual Studio Code Web Development Setup and Extensions
CoderOne
Electron Build Desktop Apps HTML/CSS/JS - Getting Started 01
CoderOne
Electron Build Desktop Apps HTML/CSS/JS | Creating Windows and Processes 02
CoderOne
Electron Build Desktop Apps HTML\CSS\JS | Dialog, Sessions and Cookies 03
CoderOne
Electron Build Desktop Apps HTML\CSS\JS | Custom App Menu & Context Menu 04
CoderOne
Electron Build Desktop Apps HTML\CSS\JS | Package, Build and Deploy your App 05
CoderOne
Node.js Brief Beginners Introduction #01
CoderOne
Node.js How Modules Works & NPM #02
CoderOne
Node.js Working With Events and Event Emitter #03
CoderOne
Node.js File System (Read and Write) FS 04
CoderOne
Node.js Create a Basic Server Using Express 05
CoderOne
Json Web Token Authentication JWT Explained Securing API
CoderOne
CSS Flex Box Design | Practical Examples |
CoderOne
API How It Works With Practical Examples
CoderOne
MongoDB Getting Started 01
CoderOne
MongoDB Working with APIs and Practical Examples
CoderOne
Create a Command Line Interface (CLI) Using Node JS #01
CoderOne
Create a Command Line Interface (CLI) Using Node JS 02
CoderOne
Build React Apps | Introduction And Getting Started #01
CoderOne
Build React Apps | Working With Components And Multiple Rendering #02
CoderOne
Build React Apps | App State Management | Practical Examples #03
CoderOne
Build React Apps | Getting Started With Flux (Intro) #04
CoderOne
Build React Apps | Create a Clock Timer Using React 05
CoderOne
Build React Apps | Create a Clock Timer Using React 05 | PART2|
CoderOne
CSS Preprocessors Getting Started | SASS and LESS | Practical Examples
CoderOne
Regex Introduction | Learn Regular Expressions 01
CoderOne
PHP VS Node.js Which is Best For Web Development
CoderOne
Drag and Drop Using Native Javascript 01
CoderOne
Drag And Drop Using Native Javascript 02
CoderOne
Master Git (Version Control) in One Video From Scratch
CoderOne
Let's Learn The New Javascript ES6 Class Syntax
CoderOne
Let's Create A BlockChain On Node.js
CoderOne
Best Online Code Editors For Web Developers
CoderOne
Let's Create a Modern Login Form on React #01
CoderOne
Let's Create a Modern Login Form on React #02
CoderOne
Laravel CMS | N-09 | Admin Registration
CoderOne
Laravel CMS | N-10 | Login and Authentication
CoderOne
Let's Create a Twitter Bot (Listen and Retweet)
CoderOne
Rapid Webpage Creation With Emmet (HTML & CSS)
CoderOne
Create Popups and Modals Using Native Javascript, HTML and CSS
CoderOne
Promises and Callbacks on Javascript With Practical Examples
CoderOne
Create Collapses using Native Javascript, HTML and CSS
CoderOne
Let's Learn Typescript (Javascript Devs) | Getting Started 01
CoderOne
Let's Learn Typescript | Interfaces and Generic Types (The Typing System) 02
CoderOne
Let's Learn Typescript | Work With Classes, Modules and Enums 03
CoderOne
Let's Learn Typescript | React and Webpack With TS 04
CoderOne
More on: Staying Current in AI
View skill →
🎓
Tutor Explanation
DeepCamp AI