• Home
  • >
  • Software Development
  • >
  • Google’s Flutter Beefs up Web Support, So How Does It Compare to React Native Now? – InApps 2022

Google’s Flutter Beefs up Web Support, So How Does It Compare to React Native Now? – InApps is an article under the topic Software Development Many of you are most interested in today !! Today, let’s InApps.net learn Google’s Flutter Beefs up Web Support, So How Does It Compare to React Native Now? – InApps in today’s post !

Read more about Google’s Flutter Beefs up Web Support, So How Does It Compare to React Native Now? – InApps at Wikipedia

You can find content about Google’s Flutter Beefs up Web Support, So How Does It Compare to React Native Now? – InApps from the Wikipedia website

Earlier this month, Google announced Flutter 2, the latest version of its UI toolkit for building “natively compiled applications for mobile, web, and desktop from a single codebase.” Flutter allows developers to create native apps for five operating systems — iOS, Android, Windows, macOS and Linux — as well as a web app for modern browsers like Chrome, Firefox, Safari and Edge.

Perhaps the biggest news in the Flutter 2 announcement was that its support for the web is now labeled “stable” (prior to this, it was “beta”). Flutter, which initially launched in 2015, has primarily been seen as a mobile-focused Software Development Kit (SDK) for Android and iOS. Up till now, the web part of the framework has been, if not a minor feature, then certainly an experimental one.

 

Richard MacManus

Richard is senior editor at InApps and writes a weekly column about web and application development trends. Previously he founded ReadWriteWeb in 2003 and built it into one of the world’s most influential technology news and analysis sites.

 

The strengthened web support brings Flutter closer to the functionality of other cross-platform development platforms, like React Native and Ionic. So it’s an important step for Google, especially given its Chrome-related strength in the web application market. Flutter needs to show it can cover all bases, including the web.

Flutter was written in a programming language called Dart, which compiles to JavaScript. This is key for Flutter’s growing web ambitions, because of course JavaScript rules everything in this current era. As an aside: back in 2010 Google was talking about creating a new language called Dash, which was being pitched as a replacement for JavaScript. What actually got launched was Dart, in 2011, but it wasn’t until 2015 that Google went all-in on on compiling Dart to JavaScript. Not even the might of Google can kill off JavaScript in the modern web.

The problem with Dart is that not many developers use it — certainly in comparison to JavaScript. So this puts Flutter at a disadvantage compared to React Native in particular, which was launched by Facebook in 2015 to complement its popular React JavaScript library.

Read More:   Making Deployments Boring – InApps Technology 2022

According to Flutter’s documentation, adding web support “involved implementing Flutter’s core drawing layer on top of standard browser APIs, in addition to compiling Dart to JavaScript, instead of the ARM machine code that is used for mobile applications.”

Cross Developers

Essentially, with Flutter 2, Google is saying that it’s open for business for web developers wanting to build production-ready applications. However, initial feedback from web developers has been mixed.

One of the biggest features of Flutter is hot reloading, which is “a way to update the code in a running application without restarting or resetting the application state.” Not losing state makes for faster development, so it’s a time saver for developers. However, what Flutter calls “stateful hot reload” isn’t currently supported on the web. Instead it offers a “hot restart” for web apps, but this doesn’t remember your state.

The trouble is, the full hot reloading experience is a feature that competing frameworks offer, as one Reddit user noted:

“I understand that hot reloading is a feature of the dart VM, which is hard to emulate on the web. But if you look at React and Vue, they do offer some extent of hot reloading. For example, it’s possible to edit the style of an App without losing it’s state.”

There have also been complaints about other web tooling in Flutter 2 — such as the widget inspector — and the large bundle size of the code.

All these concerns raise a valid question about Flutter’s web support: was it premature to take off the beta tag?

Flutter vs. React Native

When announcing the stable web support, Google noted that Flutter is best suited for Progressive Web Apps (PWAs), Single Page Apps (SPAs), and bringing existing mobile apps to the web.

In the Flutter Engage virtual event, which accompanied the launch, Google product manager Mariam Hasnany said that “while you can do a lot on the web, Flutter’s initial stable release is best fit for building web applications, not static content websites.”

When it comes down to it, Flutter is a user interface framework and specializes in dynamic design elements — so it’s best suited for web apps that require a rich, interactive UI. The Flutter website puts it this way:

“…text-rich, flow-based, static content such as blog articles benefit from the document-centric model that the web is built around, rather than the app-centric services that a UI framework like Flutter can deliver.”

A related point about Flutter on the web is that it doesn’t support SEO, making it ill-suited to build large content sites. Eric Seidel, engineering director for Flutter, said that “we have plans to add [SEO] support, but it will be awhile yet.”

While Flutter isn’t recommended for building text-rich web apps, React Native is viewed by many developers as a viable option there. Sébastien Lorber, a React expert who is also a contractor at Facebook, said on Twitter that “I still bet on React-Native for many use-cases.” He added that he would choose React Native “for content-centric websites.” But Lorber was also impressed by Flutter 2 and would choose it “for UI intensive web-apps that can download 10mb upfront.”

Read More:   Hail, Web Development Robot Masters! – InApps Technology 2022

Conclusion

Despite the teething issues discussed on Reddit and Twitter, Flutter 2 is a good step forward by Google for web support in its cross-platform framework. It was also a necessary step, given that much of Google’s developer energy is driven by the capabilities provided by its dominant web browser, Chrome. It would not be a good look to cede web support in cross-platform development to Facebook.

You get the sense that PWAs will be a focus for Flutter going forward, at least in terms of web support, since the framework is not suitable for text-rich web apps. PWAs are, by definition, web apps with native app-like interactive functionality; and Google has been pushing this technology forward in recent times.

It’s also worth keeping an eye on the ongoing competition between Flutter and React Native — sure, both are open source, but they’re also backed by two web giants. Facebook’s React ecosystem has the upper hand with web developers currently, due to its JavaScript innovations over the past decade. But Google has Chrome and is influential in setting web standards. Both are coveting more cross-platform developers.

InApps is a wholly owned subsidiary of Insight Partners, an investor in the following companies mentioned in this article: Dash.

Feature image via Pixabay.

Source: InApps.net

List of Keywords users find our article on Google:

showit website templates
flutter web
showit website template
showit template
showit website template for bloggers
showit websites templates for bloggers
showit website designs
flutter github
showit sales page template
react native developer jobs
showit template for bloggers
easy showit website template
react native template
flutter flow
showit templates for bloggers
seo qc
ats comparison
flutter launch whatsapp
flutter dev
flutter templates
google web developer jobs
easy showit website templates
ecommerce app flutter
ionic native
google dynamic games
flutter ecommerce app
flutter developer jobs
reload page react
flutter issue
icons flutter
text react native
react native text
ecommerce ionic
showit templates
seo for showit
flutter web app example
google flutter
flutter send message to whatsapp
flutter web hot reload
“cross-platform” “development”
native phone cases
news app with flutter
flutter news app ui
shared element transition react native
flutter center text in column
flutter text
vm dart 2020
react native news app template
react native select
appcentric
textfield flutter
material icons flutter
react native templates
best seo software 2011
flutter update
flutter release
react native design templates
flutter design templates
flutter template
flutter group chat app
flutter ui kit
react native textinput
responsive font size in flutter
react native input
flutter center text
react native app templates
flutter server side
oracle commerce seo
react native app template
flutter for desktop
flutter google
showit blog template
showit blog templates
ionic native facebook
ionic templates
best game development software 2015
flutter documentation
flutter docs
icon with text flutter
home page flutter
is showit good for seo
learn flutter
dart case
react rich text editor
custom application development
flutter web seo
wordle reddit
is flutter web stable
widget blog design blogging news tutorial android apps windows seo download
outsourcing template
best react ui framework reddit
flutter point of sale github
they might be giants wikipedia
support google
google support
reddit web dev
web dev reddit
google com support
flutter twitter
google developers seo
ionic framework jobs
flutter e commerce github
ecommerce web design hcm
contact google support
flutter youtube
game insight support
ionic mobile app template
openaccess sdk
flutter issues
showit 5 website templates
react native shared element
transitions flutter
flutter profile page
news app flutter
e commerce flutter app
flutter e-commerce app with backend
google developer products
google now support
progressive web application oracle
news app in flutter
react phone input 2
e commerce flutter app ui kit free download
ionic recruitment
ecommerce flutter
key in flutter
flutter jobs
flutter trends 2022
flutter(dart)
oracle commerce seo services
react native touch id
flutter text editor
flutter.dev
react native template design
react reload page
flutter open email
react native ui templates
flutter version
flutter web portfolio
e commerce flutter app ui kit
icon flutter
icon in text flutter
websupport
flutter create template
flutter dart
flutter for backend
flutter templates free
flutter homepage design
editor flutter
flutter responsive web
flutter select menu
flutter ui kits
flutter web responsive design
how to update flutter
portfolio website with react
react compare previous state
react native text input
react reddit
best spas in jakarta
compare event apps
flutter add text
flutter icon
input text react native
ionic build web production
is ionic worth learning
photo editor sdk react native
what is dart and flutter
your best fit niche
flutter code editor widget
flutter text input
mobile event app comparison
text flutter
best showit website templates
flutter game
flutter responsive framework
react native text input number
dart hard case
flutter expand
google tag manager inspector
vscode rust go to definition
web support
flutter icons
flutter kit
flutter windows build release
game on flutter
inputs flutter
or in flutter
react portfolio website
template app react native
chat app flutter
flutter responsive
template react native
ats comparisons
editor for flutter
dart vm
flutter get it
google webassembly
ionic app templates
ionic native app version
react native for windows
?? in flutter
developers facebook apps
flutter chat ui
react native image on press
react native ui template
real estate flutter
webassembly google
dart static analysis
flutter search widget
react-phone-input-2
showit seo
templates react native
best niche websites 2015
flutter responsive ui
flutter ui design
flutter where method
react native text size to fit
react-native-share
Rate this post
Content writer

Let’s create the next big thing together!

Coming together is a beginning. Keeping together is progress. Working together is success.

Let’s talk

Get a custom Proposal

Please fill in your information and your need to get a suitable solution.

    You need to enter your email to download

      Success. Downloading...