Fluttering Your Way to Success: The Ultimate Roadmap for Beginner Flutter Developers!
As a Flutter developer, you have chosen an exciting and dynamic path in the world of app development. You have learned a few concepts in Flutter development, now you might be wondering what to learn next for becoming an advance Flutter developer. This is for beginner who wants to go deep-dive into Flutter but not sure where to start and what all needs to be covered before they move to advance topics.
The above diagram is still incomplete will try to complete as we proceed further. My initial focus will be on functionalities of Flutter, then we will move on to the UI section, as UI development in flutter is much simpler than understanding the important concepts of Flutter. This is my personal suggestion, please feel free to let me know if any other topic needs to be added.
We will move to each topic one-by-one, as we move I will try to challenge you with a set of curious questions in order for you to better understand the topic.
1. Widgets
Widgets are the building blocks or components that we can use to create the user interface (UI) of our mobile application. Widgets define how our app looks and behaves visually. In Flutter, everything is a widget. You might have already known all of these if you have started development in flutter, but there are other things which you might not be aware of like Elements, Keys & State Object. Lets dive into them
Elements
Elements are a representation of widgets during runtime. Widgets only contains the information that define how things should look and behave., but it is the element which takes that information and display it on the screen. Consider it as, Widgets are the blueprints of a building strucutre and elements are the workers which reads the blueprint and creates the strucutre for us. Sometimes people get confused with Elements & Widgets thats normal as you read more on it you will get a better understanding of it
As you have started your journey in the Flutter, the first things you would have learned are Statefull & Stateless Widgets, So I will not be going deep into them but I will try to explain certain points which will hep you to better understand them
Statefull & Stateless Widgets
You might have already learned Statefull Widgets are the ones which are called as smart widgets, they have their own state, any change happen they will automatically re-render themselves. Stateless widgets are called as dumb widgets, they dont have any state and they are static widget.
The current topic is gonna get you on a long drive of deep knowledge, I don’t wanna blast your head with so much of info, will cover it in my next article. Until then see you all…
Wait, before I go, I have few questions for you. Hope you would have answers for this before my next article.
- what is State?
- What’s the importance of it?
- Why do we needed a State in the UI development?
- If state is of any importance then why Stateless widgets are there which don’t have the state?
- Can widgets work even without state?
- Why there is no state in Stateless Widgets?
- Why Stateless widgets are called as dumb widgets?
