Recently, Avito's office hosted the fourth in a row Moscow.js - Moscow SPA mitap-satellite, a meeting for front-end developers who are interested in the theme of web applications (Single Page Application). There were reports from representatives of Mail.ru, Alfa-Bank and Avito, and at the end of the meeting there was a panel discussion on what should be the SPA today. Under the cut - video and presentation of reports and a link to a photo report.

The architecture of the frontend of a large project as it is. Konstantin Lebedev (Mail.ru)

This report is an attempt to cover the path in 7+ years in 40 minutes:

• API design (staging, documentation);
• Work with API / data (models, persistence and hayload);
• Application:
  a. “Introduction to the project” (lowering the entry threshold);
  b. router as a skeleton application;
  c. component development (attrs down & events up);
  d. interaction of UI with Data (business logic, mutations, services).

... And all this - without React / Angular / Vue, only pure JS, only hardcore;]

Presentation

Atomic SPA. Alexander Kitov (Alfa-Bank)

Are big SPA really good? Are you always sure that your small change did not break someone else's code when working on a large project? At Alfa-Bank, we chose a different approach to application development: we use minimally indivisible SPAs, which are as independent as possible from each other.

I will tell both about the advantages of this approach to the development of fronts, and about the problems we faced, and how we solved them.

Presentation

Scalable frontend architecture. Roman Dvornov (Avito)

When a project is made by one developer, it's simple. When a small team works on it, you can synchronize and agree. But when there are many projects (sites and applications), and many teams with cross-functionality and adjacent areas of responsibility work on them, everything becomes complicated and confusing.

I will tell about my vision of the architecture of the frontend, what it should be to ensure its scalability. Based on their experience and the challenges that large projects face.

Presentation

Discussion panel "SPA today - how should it be?"

Roman Dvornov, Alexey Bukin, Konstantin Lebedev, Sergey Melyukov, Alexander Kitov, Sergey Rubanov and Alexey Okhrimenko held a panel discussion on the problems of modern Single Page Application. We talked about the relevance of terms, discussed the technology stack and tools, talked about supporting the code base and its relevance, about expectations from the SPA from a business point of view, as well as the necessary knowledge for developers and new technologies used in the development of SPA.

Thanks to everyone who came to the meeting, watched the video. We posted the photo report from the meeting on Facebook . All videos are uploaded to the YouTube playlist . To be the first to know about SPA Meetup meetings, subscribe to the community page on Timepad . And be sure to tell in the comments on what topics you would like to hear reports in the future.

See you again!