You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
> ### The pub.dev website, rebuilt in Flutter with 💙!
8
8
@@ -26,9 +26,13 @@ Pub.dev was recreated in Flutter for 3 primary reasons:
26
26
27
27
## The Build
28
28
29
-
I envisioned this build as a weekend project and estimated that it would take less than 20 hours. Unfortunately, replicating some web behavior took a bit longer than I expected and the build ended up taking 27 hours.
Because I had built a few Flutter websites before, I factored in my increased proficiency and speed. Also, since I've already solved many Flutter web challenges with the Responsive Framework, I estimated that would save me even more time.
31
+
I envisioned this build as a weekend project and estimated that it would take less than 20 hours. Unfortunately, replicating some web behavior took a bit longer than I expected (see above) and the build ended up taking 27 hours.
32
+
33
+
I thought my experience building Flutter websites would make development much faster but that was not the case. Fortunately, many of the base essential Flutter web challenges were already solved with the Responsive Framework. Using the Responsive Framework saved at least a dozen hours.
34
+
35
+
Build breakdown:
32
36
33
37
-**Website elements (14h)**
34
38
- New project setup and icons (1.5h)
@@ -44,12 +48,45 @@ Because I had built a few Flutter websites before, I factored in my increased pr
44
48
-**Publishing (7h)**
45
49
- Code cleanup and testing (2h)
46
50
- Writeup and screenshots (5h)
51
+
52
+
## ResponsiveGridView
53
+
54
+
ResponsiveGridView is a GridView with responsive capabilities and the newest addition to the Responsive Framework.
55
+
56
+
ResponsiveGridView extends 'GridView' with the following capabilities:
ResponsiveGridView provides more fine-grained control over item positioning than a regular GridView.
47
82
48
83
## Final Thoughts
49
84
85
+
86
+
50
87
Flutter Web is not an out of the box solution that lets anyone create a website easily. Flutter widgets are obviously built for mobile and replicating simple web behavior requires creative thinking or writing custom widgets. Writing custom widgets such as reimplementing a GridView takes time and requires a level of familiarity with Flutter.
51
88
52
-
However, building websites with Flutter has many advantages over traditional web development such as dramatically lower maintenance costs and high visual fidelity. In these early days, the lack of off-the-shelf Flutter Web components necessitates writing components ourselves which takes a long time.
89
+
However, building websites with Flutter has many advantages over traditional web development such as dramatically lower maintenance costs and high visual fidelity. In the early days, the lack of off-the-shelf Flutter Web components necessitates writing components ourselves which takes a long time. At the time of this writing, at least 500 hours have been spent on developing the Responsive Framework.
53
90
54
91
As for Codelessly, this experiment has demonstrated there is an opportunity to make Flutter web development simpler and dramatically decrease development time. Instead of a website build taking over 20 hours, building a production-level frontend should take less than 20 minutes.
0 commit comments