Is it possible to turn all these blocks into dynamic component

Hell great koders, I need your help on how I can use dynamic component to modify my app and instead of using a lot of blocks like I have shown to you down here I can just use dynamic component to design my app professionally even more than this one I have now.

However before creating this topic I have already found some guide here

This could have solved my issue but for sure it didn’t though I am using the JSON data as you see here but I am confused because I don’t know which codes will I put into template

This is what I have done without dynamic component
I have made the app and is on play store but I have used a lot of time to complete the app because it required a lot of blocks.
See the screenshots


The results of the above blocks

JSON data

[
    {
		"vs": "Simba SC vs Coastal Union",
		"url1": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
		"url2": "https://mahando.com/a-sc/Simba-SC.gif ",
		"clock": "7:00 PM",
		"venue": "Mkapa Stadium",
		"date": "November 19, 2021",
		"sponsor": "NBC Premier League"
    },
	{
        "url1": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
		"url2": "https://mahando.com/a-sc/Simba-SC.gif",
		"clock": "7:00 PM",
		"date": "November 19, 2021",
		"sponsor": "NBC Premier League"
    },
    {
	    "url1": "https://mahando.com/a-sc/Mbeya-City-FC.gif",
		"url2": "https://mahando.com/a-sc/Mtibwa-Sugar.gif",
		"clock": "4:00 PM",
		"date": "November 20, 2021",
		"sponsor": "NBC Premier League"
    },
    {
	 "url1": "https://mahando.com/a-sc/geita.jpg",
		"url2": "https://mahando.com/a-sc/Kagera-Sugar-FC.gif",
		"clock": "4:00 PM",
		"date": "November 20, 2021",
		"sponsor": "NBC Premier League"
    },
    {
    "url1": "https://mahando.com/a-sc/Young-Africans-SC.gif",
		"url2": "https://mahando.com/a-sc/Namungo-FC.gif",
		"clock": "4:00 PM",
		"date": "November 20, 2021",
		"sponsor": "NBC Premier League"
	}
	]

Also these blocks

The results of the above blocks

JSON data

[
	{
        
        "number": "1",
		"team": "Young Africans SC",
        "url": "https://mahando.com/a-sc/Young-Africans-SC.gif",
		"P": "5",
		"W": "5",
		"L": "0",
		"D": "0",
		"Pts": "15"
    },
	{
        "number": "2",
		"team": "Simba SC",
        "url": "https://mahando.com/a-sc/Simba-SC.gif",
		"P": "5",
		"W": "3",
		"L": "0",
		"D": "2",
		"Pts": "11"
    },
	{
        "number": "3",
		"team": "Polisi Tanzania FC",
        "url": "https://mahando.com/a-sc/Tanzania-Polisi-FC.gif",
		"P": "5",
		"W": "3",
		"L": "1",
		"D": "1",
		"Pts": "10"
    },
	{
        "number": "4",
		"team": "Dodoma Jiji FC",
        "url": "https://mahando.com/a-sc/Dodoma.jpg",
		"P": "5",
		"W": "3",
		"L": "1",
		"D": "1",
		"Pts": "10"
	},
	{
        "number": "5",
		"team": "Kagera Sugar FC",
        "url": "https://mahando.com/a-sc/Kagera-Sugar-FC.gif",
		"P": "5",
		"W": "2",
		"L": "1",
		"D": "2",
		"Pts": "8"
    },
	{
        "number": "6",
		"team": "Mbeya Kwanza FC",
        "url": "https://mahando.com/a-sc/Mbeya-kwanza.jpg",
		"P": "5",
		"W": "1",
		"L": "0",
		"D": "4",
		"Pts": "7"
    },
	{
        "number": "7",
		"team": "Mbeya City FC",
        "url": "https://mahando.com/a-sc/Mbeya-City-FC.gif",
		"P": "5",
		"W": "1",
		"L": "0",
		"D": "4",
		"Pts": "7"
    },
	{
        "number": "8",
		"team": "Azam FC",
        "url": "https://mahando.com/a-sc/Azam-FC.gif",
		"P": "5",
		"W": "2",
		"L": "2",
		"D": "1",
		"Pts": "7"
    },
	{
        "number": "9",
		"team": "Biashara Mara United",
        "url": "https://mahando.com/a-sc/Biashara-United.gif",
		"P": "5",
		"W": "1",
		"L": "1",
		"D": "3",
		"Pts": "6"
    },
	{
        "number": "10",
		"team": "Ruvu Shooting Stars FC",
        "url": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
		"P": "5",
		"W": "2",
		"L": "3",
		"D": "0",
		"Pts": "6"
    },
	 {
        "number": "11",
		"team": "Namungo FC",
        "url": "https://mahando.com/a-sc/Namungo-FC.gif",
		"P": "5",
		"W": "1",
		"L": "2",
		"D": "2",
		"Pts": "5"
    },
	{
        "number": "12",
		"team": "Coastal Union FC",
        "url": "https://mahando.com/a-sc/Coastal-Union-FC.gif",
		"P": "5",
		"W": "0",
		"L": "1",
		"D": "4",
		"Pts": "2"
    },
	{
        "number": "13",
		"team": "Mtibwa Sugar",
        "url": "https://mahando.com/a-sc/Mtibwa-Sugar.gif",
		"P": "5",
		"W": "0",
		"L": "3",
		"D": "2",
		"Pts": "2"
    },
	{
        "number": "14",
		"team": "Geita Gold FC",
        "url": "https://mahando.com/a-sc/geita.jpg",
		"P": "5",
		"W": "0",
		"L": "3",
		"D": "2",
		"Pts": "2"
	},
	{
        "number": "15",
		"team": "Kinondoni Council FC",
        "url": "https://mahando.com/a-sc/Kinondoni-Municipal-Council-FC.gif",
		"P": "5",
		"W": "0",
		"L": "3",
		"D": "2",
		"Pts": "2"
    },
	{
        "number": "16",
		"team": "Tanzania Prisons SC",
        "url": "https://mahando.com/a-sc/Tanzania-Prisons-SC.gif",
		"P": "5",
		"W": "0",
		"L": "3",
		"D": "2",
		"Pts": "2"
    }
	]```


You see **all those blocks** I don't real like them and since they make the app to run slowly on when opening the app! 

So, please help me to know how I can use the dynamic component found in kodular so that I can reduce all those numbers of blocks because they make the app to run slowly

Yes it is possible

1 Like

@Still-learning I kindly need your help these are the data I use from my own server
1. Sports Club Standing
From that data with a lot of hardwork and a lot of text lable I get this

2. Sport Club Fixtures
Also from that data with a lot of blocks and Text lables I get this

Please @Still-learning I will appreciate your advance help if I solve this.

1 Like

Why won’t you study the following examples and recreate desing with dynamic components using schema template ?

2 Likes

Solved via pm

:+1::+1::+1:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.