DEV Community: Atuoha Anthony

Understanding Stateless and Stateful Widgets

Atuoha Anthony — Fri, 08 Jul 2022 12:47:17 +0000

There is really nothing much difference between a stateful and a stateless widget other than the ability to change when a user interacts a component in the screen.
Stateless widgets are widgets that does not require mutable state. It describes part of the user interface by building a constellation of other widgets that describe the user interface more concretely.

   Icon(
      Icons.beach_access,
      color: Colors.blue,
      size: 36.0,
    )

A Stateful Widgets are dynamic widgets. They can be updated during runtime based on user action or data change. They have an internal state and can re-render if the input data changes or if Widget's state changes.

   Checkbox(
      value: this.value,
      onChanged: (bool value) {
        setState(() {
          this.value = value;
        });
      },
   )

Differences Between Stateless and Stateful Widget
Stateless Widget:
Stateless Widgets are static widgets.
They do not depend on any data change or any behavior change.
Stateless Widgets do not have a state, they will be rendered once and will not update themselves, but will only be updated when external data changes.
For Example: Container, Text, etc are Stateless Widgets.

Stateful Widget:
Stateful Widgets are dynamic widgets.
They can be updated during runtime based on user action or data change.
Stateful Widgets have an internal state and can re-render if the input data changes or if Widget’s state changes.
For Example: Checkbox, Radio Button, etc are Stateful Widgets
Get started:
https://docs.flutter.dev/get-started/codelab

Anticipate for more future posts like converting a prototype to a Flutter App

Twitter: https://twitter.com/AtuohaA
LinkedIn: https://www.linkedin.com/in/atuoha-anthony
Github: https://github.com/Atuoha

Experience transitioning from React Native to Flutter

Atuoha Anthony — Thu, 07 Jul 2022 05:21:08 +0000

Transitioning from React Native to Flutter for Cross Platform Mobile Development can be a little tough owing to the fact that you've accustomed all your energy to learning React Native to a level that can yield you high walls of confidence but don't be afraid you are not alone.

There must be a reason and that reason is what everything

Flutter is really very easy to move into. There's absolutely no hidden behind the gates just Widgets; Stateless and Stateful Widgets and the Docs are really cool to read. I transitioned from React Native to Flutter a year ago and although I saw React Native intriguing a year ago due to my awesome knowledge on React but I left it all for Flutter even though I had to learn a completely new knowledge which is Dart. I wasn't compelled much because of the new knowledge to be learnt. I made countless research on Dart and figured out that it is easy to delve into if you've ever worked with Javascript, C++, Java or.... I felt at home due to Javascript which was there. Building Apps with Flutter has been amazing and I know the fear of learning a new language to build awesome ideas with Flutter wasn't a barrier I explored.
React Native is cool and this writing is not a medium to kill the awesome infrastructure it is built with. React Native is cool but I think Flutter is more cool 👀😲
Flutter documentation is awesome and easy to understand without falls. You can always explore new options because Flutter is insanely amazing ✨....

ALL APPS I'VE BUILT USING FLUTTER

A Shopping App developed using Flutter and Dart making use of Provider, Carousel Library, Google FireStore. It's featuring standard modern shopping app UI
Source Code: https://github.com/Atuoha/shoppie

Get started on Flutter

Atuoha Anthony — Thu, 07 Jul 2022 04:56:10 +0000

Flutter and Dart is a very nice and wonderful technology to use for mobile app development when compared amongst other technologies which seem wonderful too but many things are very unique about it. Being a Flutter Developer from React Native as taught me valuable reasons I’ve embraced the lines of Flutter to other technologies and it’s being worth it since then.

How To Get Started

To start your journey into Flutter and Dart and you’ll need the following

Your Mindset to learn
Little knowledge about the basics of Dart Programming Language
The list is short right…? Yeah! That’s pretty all you need to get started. Flutter and Dart unlike other technologies for Cross Platform Mobile App Development has a very easy-to-read-and-understand syntax which makes the programmer able to sketch Apps using few pieces of Code.

Flutter can be learnt using many means

Flutter Official Documentation https://docs.flutter.dev/ and https://dart.dev/guides
Online Learning Platform like Udemy, Coursera, LinkedInLearning
Youtube
Blogs and Podcast
Communities

You can kickstart with the smallest projects

Source code https://github.com/Atuoha/flutter_quiz