​Производительность фронтенда: большое приложение на реактивном SSR-топливе

Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить?

Значительно повысить производительность можно при помощи серверного рендеринга, но какая будет цена у такой оптимизации? Какой инструмент выбрать — готовую библиотеку или собственное решение? Какие ограничения в дальнейшем могут быть вызваны выбором того или иного подхода?

На все эти вопросы ответил frontend-разработчик Виталий Старов на конференции FrontendConf 2021.

#javascript

Platonic solids

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript.

#css #js

React to Python

Автор: John Sheehan, Jenna Sys
Год издания: 2021

#react #english

Задача

Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.

Ответ

Clock

Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.

#css #js

​Сравнение методов require() и import() в JavaScript

Рассмотрели два метода JS и сравнили их.

#javascript

Наш чатик по ссылке: https://t.me/+a8aDKNJCcWExMmEy

Liquid Radio Button

Радио-кнопка, сделанная из svg-картинки и анимированная библиотекой gsap.

#css #js

Folded Paper Login Form

Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.

#css

JavaScript. Что будет выведено в консоль?

Ответ

JavaScript Algorithms

Авторы: Oleksii Trekhleb and Sophia Shoemaker
Год издания: 2019

#javascript #english

Menu Button Interaction

Анимированное выпадающее меню, выполненное с помощью SVG, SCSS и JavaScript

#css #js

​CSS Speedrun

Онлайн-игра для изучения CSS-селекторов.

#css

Movie App

Концепция приложения - библиотеки фильмов, - реализованная на Vue.

#css #js

Data Wrangling with JavaScript

Автор: Ashley Davis
Год издания: 2019

#javascript #english

JavaScript. Что будет выведено в консоль?

Ответ