Speed up Patterns page

[sashasushko]

We have hidden page with all patterns in Moira. Look at /patterns.

There is no pagination in API. And will not be. But sometimes there is hundreds of items in list. React can't fast render them. Page slow down.

Need some defer rendering.

ToDo:

• add patterns fake data to fake api based on json-server. To simplify development
• add code for defer rendering

Attention

Need collaborate with assigned person for issue #287

[lazycipher]

I would like to work on this.

[sashasushko]

Okay

[Vivekrajput20]

@lazycipher are you still working on it? I would like to work on the issue if you aren't.

[lazycipher]

Hi @Vivekrajput20,

Yes, I'm working on it and I'll send PR soon.

[sashasushko]

@lazycipher

Fake API based on JSON server. To add data you need edit db.json. Add in top level key patterns, value must be list: []. Like this:

{
  ...
  "patterns": {
    "list": [ ... ]
  }
}

Then add to list array few objects with data. Look at object structure in Domain/Pattern.js. You can do it manually or write some code for data generation

[lazycipher]

Hey @sashasushko ,
I'm following the same but I get an error when I use "patterns" but data loads on the page when I use "pattern".

When I put "patterns" in db.json I get this -> Imgur
But when I put "pattern" and navigate to the patterns page, I get the data on the page.

Please have a look at my generated data JSON Data
If anything's wrong please tell me :)

[sashasushko]

Yep. Use pattern. It's my mistake. I mixed up page URL and API URL

[Vivekrajput20]

How is it going @lazycipher ? Do you need any help?

[idoqo]

Hi @sashasushko I'd love to work on this and have created a PR for the fake data here: #291