Master JSON Sorting & Filtering in

Be a paid member. Support my work. Join the Klaturov army!
www.youtube.co...
Support my work
github.com/spo...
Website
bulgariamitko....
You can book me as FF mentor or support my work
calendly.com/b...
GitHub repo
github.com/bul...
Discord channel
/ discord
KZbin channel
/ @flutterflowexpert
Welcome to my comprehensive tutorial on mastering JSON sorting and filtering in FlutterFlow! My name is Dimitar, and I'm excited to help you unleash the power of API responses using this incredible platform.
In this tutorial, we'll dive deep into the world of API responses and learn how to make the most of the data we receive by sorting and filtering JSON objects. With FlutterFlow, you can create visually stunning and highly functional applications without writing a single line of code.
Here's what you can expect from this tutorial:
Introduction to FlutterFlow: Get to know the platform and its amazing features, perfect for building responsive apps.
API Response Basics: Learn the essentials of working with API responses and JSON objects in FlutterFlow.
JSON Sorting Techniques: Discover various methods to sort JSON data, making it easier to work with and more efficient.
JSON Filtering Techniques: Uncover the secrets to filtering JSON data, allowing you to display only the information you need.
Practical Examples: Watch as I walk you through step-by-step examples of sorting and filtering JSON data using FlutterFlow's intuitive interface.
Advanced Tips & Tricks: Get ahead of the game with these expert techniques to further optimize your API response handling.
By the end of this tutorial, you'll be able to create powerful applications that leverage the full potential
Code Used
github.com/bul...
github.com/bul...
In this video
00:00 Introduction
01:51 How it works
06:46 Sorting
11:21 Working with API response - JSON
20:51 Sorting
25:16 Filtering
31:36 Working with API response - JSON
38:11 Filtering
41:41 Thank you!

[@flutterflowexpert]

🌟 Welcome to my video! 🌟 To ensure you have the best experience and access to all the resources mentioned, we've placed all active links in the video description below. This helps me keep everything up-to-date and easy for you to find! 👾 Join my Discord community! It's a great place to connect, share, and get the latest updates. The link is in the description as well. 💖 If you enjoy our content, consider supporting the channel. Every bit of support helps me create more of what you love. Details on how you can support are also in the description. Thank you for watching and being a part of the community! 🚀

[@KaiCodingJourney]

repeat after me "A P I call" not "apicoo" hahahaha, great tutorial btw

[@flutterflowexpert]

:D

[@MoonDesignDev]

Awesome solution Dimitar.

[@danzreview]

wow cool

[@zidansyed]

Hi, how did you made the dropdown == "original". can you explain that? its missing in video and i was not able to do it my self in FF

[@flutterflowexpert]

Do you mean when someone clicks on the "Reset" button?

[@aperocool8677]

Hi Dimitar, thanks for the video! It is so great. By any chance, do you know could we filter a JSON file with a key that is dynamically set by the user? For example, I have an array of tasks and I want to grab the "duedate", but the duedate name (=key) is set by the user, how can I filter the JSON (knowing that you can't dynamically path in Flutterflow) ? Many thanks for your help!

[@flutterflowexpert]

I think you can do that using Combine Text in FF

[@oneeightleft]

I've got this working with first and last name in my app, but I am also trying to sort by number. I see in the code where it looks for a int... but my api pulls the value in as a string... do you know of a way that I can convert to an int before it gets into the function?

[@oneeightleft]

nevermind; my values from my api are int... so now I'm really confused haha.

[@flutterflowexpert]

@@oneeightleft you need to convert your values to String and not int :D

[@pawemagdanski127]

I copied your funtion and set the same parameters but there is an error on sort method, when I'm trying to test the function this is the error I'm getting

[@flutterflowexpert]

Please join my Discord channel I will help you there discord.gg/cVd9dfXF

[@jacolaubscher9186]

Very helpful, but does seem to work for me as it seems no data added to app state variable from api call. This even happens with static data inserted to the json variable without the API call data.

[@flutterflowexpert]

Hmmm that is strange. What do you mean by static data? When you put the JSON in the App State?

[@jacolaubscher9186]

@@flutterflowexpert yes, 'Add Item' in App State work with same info from api call, bu with method as per video returns NULL in the listview. Almost as if it is not storing the data from the api call.

[@flutterflowexpert]

@@jacolaubscher9186 that's strange you can find me in the community and DM me your API so I can test it if you want

[@jacolaubscher9186]

@@flutterflowexpert will do. Thanks Dimitar. Also booked some time to show you.

[@laurentfourcade375]

Hey Dimitar, can we manipulate data stored in a query cache (which is a reserved AppState) with this method ?

[@flutterflowexpert]

You can manipulate data, but not with this custom code. You need other code. What you want to manipulate exactly?

[@laurentfourcade375]

@@flutterflowexpert I have an audio app for kids, displaying more than 1,000 stories splitted in 3 ages. 3+ 6+ 8+. In my splashscreen I query an API enpoint and store the response in a Query cache. In the app settings, the user is allowed to enable/disable the display of stories with 3 toggles (3+ 6+ 8+). So I need to instantly filter stories on each toggle action.

[@flutterflowexpert]

@@laurentfourcade375 Yes you can do that using this video tutorial. just instead of dtopdown's you will use toggles. it should work.

[@laurentfourcade375]

@@flutterflowexpert The problem is that I can't access the Query Cache as an App State... But I am thinking about going back to using App State instead of Quey cache. If you are available, I may have to hire you for 2 or 3 tasks. I will use FF expert board for that, right ?

[@flutterflowexpert]

@@laurentfourcade375 Yes use the App State it is the same thing actually. So you can only update the App State when there is a new data or every day

[@saberel_shafey4257]

Hey Dimitar, I’m a big fan of the flutterflow API integration, but actually I’ve found an issue while I’m adding an API key in body field, which trimming the double quotes automatically, while the key value contains one in the middle😅, do you have any idea?!

[@flutterflowexpert]

Try to add the API key using a variable instead.

[@flutterflowexpert]

@@saberel_shafey4257 Please join my Discord channel to show me screenshots. I am sure there is a solution for that. discord.gg/BE3ySKa7

[@saberel_shafey4257]

@@flutterflowexpert Unfortunately trimming the variables too, I believe the only solution is the FlutterFlow developers trim only the first and the last characters !