I suggest that everyone close to the frontend look at reports from the Frontend MIX mitap held in August. Invited speakers from Alpha Laboratories, Yandex.Money and Epam share the nuances of mobile optimization and the choice between Npm v5, Yarn or pnpm, as well as the secrets of building a design system on BEM and React.

Under the cut you will find three videos .

# 1 How to speed up the loading of sites in the era of smartphones

Andrei Melikhov , a leading Yandex.Money developer, talks about ways to increase the speed of downloading sites on smartphones.

The report mentions modern ways to transfer content (HTTP / 2: preload, server push), load profiling in Chrome Dev Tools and JavaScript optimization.

# 2 How Alpha Lab made a flexible and expandable design system using BEM and React

In his report, Vitaly Halakhov shares his experience of using the BEM methodology in the Alpha Laboratory. At first they tried BEM, then they abandoned it, and later they found where the methodology turned out to be useful.

Vitaly tells how to make the design system unified and scalable into many teams, without losing flexibility, extensibility and overall elegance of the solution.

# 3 A fascinating choice between Npm v5, Yarn or pnpm

The developer Epam Michael Bashurov, who shared his opinion on the choice of a package manager, closed the mitap. They discussed both sacred issues like “whether Yarn is needed” and “when Npm v5 was released”, and the advantages of using less popular products like pnpm.

I suggest, together with the speaker, to evaluate the advantages and disadvantages of each solution, compare the formats and features of the lock-files and decide for yourself what is best.

Let me remind you that you can follow all our events at Ya. Meetings - sign up and come to visit!

And, as always, if you want to clarify sore or incomprehensible - write in the comments.