FlutterFlow | API Best Practices using Data Types

Let me know if you found the video helpful and what you want my next video to be on!
Try out Xano as your backend for your next @FlutterFlow project!
xano.io/tpk3qpcn

[@danielhabibi]

Hey friends! This method is unfortunately outdated, and I recommend following the steps here instead. I'll make a video on the new method soon! docs.flutterflow.io/data-and-backend/api-calls/api-calls-101

[@becraveiro1]

Hi Daniel! Can you please create a video showing this update? I don't think I am creating my Data Type correctly, as if doesn't seem like my page state is updating. Thanks again for the helpful videos!

[@danielhabibi]

@@becraveiro1 Hey! The FF team actually just added an auto-create Data Type from a JSON response because so many people were struggling with it and spending too much time trying to get it to work. 1. Test your API 2. Copy the JSON response 3. Go to Data Type Tab 4. Click the new button and paste your JSON in the box Hope this helps!

[@becraveiro1]

@@danielhabibi Hmmm Should I copy the entire Body JSON form the API Response test or should I copy the Raw Body? Also, im only interested in a few paths, does that make a difference? Just to give some context, my API Call is a google maps one that outputs a list of restaurants (lat, long, name, address). I am parsing my Data Type as a List, but the Data Type itself is not a list (each item form the API has only one lat, long, name, and address). Seem like my Page State (DataType List) is not being updated using the JSON to Data Type.. Weird.

[@IECVanuatu-g6e]

Thanks was seeking to convert json to datatype for days and found your video... manage to make it working in 2 minutes. Thanks again.

[@danielhabibi]

Sorry about the weird aspect ratio on this video!

[@boldbold7398]

yeah free marketplace is a great idea please do it, also this video was amazing and informative, thank you so much

[@danielhabibi]

Great, will do! My pleasure!

[@projects-flow]

Hello, very good video. Which recorder and editor do you use for your videos?

[@danielhabibi]

Thanks! I use screen.studio/@oKP8q for both recording and editing. It's mac only though.

[@MusicbyAnt]

hey Daniel thanks for the quick tuto. i follow the same tuto as you did however im returning an error. Would you be able to help me by any chance to figure out where is the blocking?

[@danielhabibi]

Hey, my pleasure! Here's an invite to my discord server where I'll be glad to help you out! discord.com/invite/8sXqh3eR

[@ksrath1]

Hi Daniel, thanks for this video! I'm just wondering, how does FF take the API 'parse as Data Type' and map it from the JSON path to the relevant field in 'Data Type', as per your video at 4:55? I'm trying to do that but I don't have the option 'Data Structure Field' underneath the 'course' option.

[@danielhabibi]

Hi! I think I left out that part by accident. We want to create our Data Types and build out the schema the way our API is structured. This image should help imgur.com/LzUzdrR Also, FF actually changed the documentation on this so I'm going to re-record it and upload it as soon as possible!

[@ksrath1]

Hey@@danielhabibi TYSM, your image makes sense, and of course it now makes sense that the data type is mapped the way the API is structured! I went through the FF documentation and noticed that I had to update my FF app on my mac...that seemed to have the 'Data Structure' options. And it didn't need the 'Update App State' variable to map the API response to the data type. Hurray! Can I be cheeky...and ask for a next video request? Would it be possible to do something with Xano/API populating dynamic children that ISN'T a list view? e.g. some sort of stack? ❤

[@danielhabibi]

@@ksrath1 My pleasure! Yes, I need more requests but I'm not sure I understand this one... What do you mean exactly? Like one that is generating dynamic children of a PageView or Swipeable Stack? Feel free to send me a Loom or screenshot through a DM on twitter, on discord, or to my email.

[@AndrewBurchfield]

Such a great video! (And teacher! #Subscribed) I’m still having issues though 😔 Is there somewhere I could send you an email or show you what I’m dealing with?

[@danielhabibi]

Haha thank you! Yes, of course, and I'm sorry to hear that. You can email at [e-mail]