Great name!! :D

Check out the latest Flutter web video, this is almost 4 years old

A website is not a web app.

@@FilledStacks argue semantics and avoids the discussion of clickbait. And yes a website is not a web app but web apps are often web sites (a collection of html, JavaScript, and CSS files presented on a web server). Unless you have another definition for website? So again, to claim "Google expert says no to websites" is misleading. Who is this Google expert, and are they an expert in Flutter at Google?

@@jakenelson4928 I am the Google developer expert. Also, Kevin Moore, the product lead of Flutter says that. Also, all the Flutter insiders I speak too. kzbin.info/www/bejne/oqHRfIqBYrB4j9Usi=wHaItf7R1tSSflqY&t=1756 I'd suggest spending time finding things you like watching instead of commenting on things you don't agree with or don't take the effort and time to research. Much better use of your time.

Happy to hear that it's still working 3 years after I made it 😁🥳 Thanks for letting me know

Hopefully 🤞

It's my pleasure

Yo yo, I have no idea. I would follow my latest Flutter Web video instead of this one. Go to videos, then go to Flutter Web 2024 version, this one is 4 years old I think so very hard to figure out every change since then to update.

@@FilledStacks Thanks!

Interesting thought. Not any that I've seen, there's only one Flutter Code Push product out there that I know of.

That's what I do. If your API is large with multiple different resource endpoints you can split them for better readability.

Totally agree with that. Adoption is not the goal for us at the moment. It's to create a tool that we use internally to speed up our process. When it becomes more popular the maintenance increases, and since we pay for all development it's very exepensive in terms of time (and money) to keep up with things like documentation, etc.

It's my pleasure

The only option out there is Shorebird for Flutter.

@@FilledStacks have you used Shorebird before? I have looked at it but was wondering if you had come across other alternatives.

There are server-side rendering tools for Flutter, I've never used them myself.

For what?

I don't think they use my package. Yes, this can be used on any platform.

@@FilledStacks No, I meant similar behaviour I have seen there.

@@techietoons yeah, it's a common pattern.

Thanks for adding the timestamps.

Hey, I have never had to do memory management in Flutter because it uses a garbage collector so I have no experience in memory management in Flutter.

@@FilledStacks okay, thank you so much for quick response 🙂

haha. My clients are not angry about it.

@@FilledStacks did u use some workarounds from flutter issue 32120 ?

@@saqibamin9942 it's my pleasure to share the information.

Hi, I don't know what you're asking. Could you phrase the question in a different way please.

Makes sense, I've seen some of those experiences as well. I'm currently building a Flutter web app for a client and the hot reload is instant. Plus with WASM in stable the deployed version is also great. I can't tell the difference between Flutter web apps and NextJS ones in well built apps like rive.app and superlist.com . I also know how to make it feel premium, there's a few small things, which I show in a video, but I have like another 10 of those I apply and the apps feel "like a normal web application"

@@migalv_17 Thank you, I appreciate that. 1. Thats handled by the framework, you would build the i individual items then use the framework to add them into a list or a page view. 2. yes you can control them through a StateController that I built in expression UI. still some features missing but it works with my current apps. 3. Different screen sizes works the same as how framer handles it. One artboard per for, factor, mobile, tablet, desktop. Then for responsiveness inside a form factor you can bind your UI to the edges of screens so it sticks the same distance from each side. Video on my twitter profile. 4. You can dynamically change any text by passing in the value using the text property name you gave it in the editor so localization works the same as you currently do it in your codebase.

haha, frog was such an easy setup for me. Maybe the CLI isn't as great anymore. When I used it I got it setup in seconds the first time I used it.

You use the same approach. This approach works for mobile and web.

@@FilledStacks thank you, great tutorials

🥳

Sure. Run the flutter command with the --wasm flag in your project and you should have it working.

Thank you.

hey, yes. on the docs site there’s a discord link. stacked.filledstacks.com

Node Js would be great if I could write it with dart 😁

yes it is. we use it with the latest flutter.

That's great to hear! I appreciate you leaving the comment.

I don't want to maintain or write any UI code.

I didn't get you, if we are exporting code from figma then you don't have to write Or maintain ui code right?

@@atishayjain9341 based on the 5 I have tried the code didn’t work as is. Plus, you have to integrate your state and business logic which means you have to modify that code. so you have to update the code to fit into your project and the refactor so it can use shared widgets instead of pure from scratch widgets every time. Code gen is basically just someone else’s coding patterns for UI in your codebase, that you then have to maintain for the rest of time when that UI has to change.

Yes, you can do that. There's a few package that do it. Most of them use a combination of the offset + itemSize + listBounds to manually calculate if the item is available. The offset will tell you when an item is off screen at the scrolling direction end. The itemSize can be used to understand when that item has left the screen. The listBounds can be used to determine when an item has entered the screen visibility. This video is 2 years old so I think there might be additional properties you can explore. Check out the source of some of the "visibilty packages" and see what they do in the latest Flutter.

We use the same approach that Framer does. You define an artboard per form factor and it'll select the correct one based on your screen size. .i.e. mobile, tablet, desktop, watch. In addition to that we'll use some contraints in the framework that will keep UI pegged against other UI elements or the edge of the screens.

Thank you ☺

Hey, you can do that if you want to. All that Stacked does is sync the text value to the viewModel in realtime without adding additional code. This means you can write all business logic that needs to access the text from the form in the viewmodel without using the controller. Making it a pure class that can be unit tested with ease.

Kind of. I'd say create better products by not writing code. Delete code often, it's a healthy and required part of app maintenance.

@@FilledStacks I think kinda agree of this, but it like we do 2 times job

State I manage using Rive runtime, but I trigger the transitions from my ViewModel. UI code , Business Logic, and Application Logic should be completely separate for testability reasons. Therefore you should be able to replace the UI entirely with something else and keep the rest of the app the same. Which is how this approach works.

@@FilledStacks great 👍

😄

This only replaces your UI, so the rest of your code looks exactly the same. 1. You'll call your backend code 2. You get your data 3. You construct your list 4. You pass your data to your list item created in rive 5. ExpressionUI dynamically updates your text of your list item. TextFields you'll do in code for now. I just design my decoration in rive then add it to the input field.