FrontEndDev. Страница 70

Подготовьте свой сайт к появлению ярлыка Fast page в Chrome. Chrome помечает сайты с бастрой загрузкой (спасибо, кэп)

https://medium.com/javascript-in-plain-english/prepare-your-webpage-for-chromes-upcoming-fast-page-label-f89e95ed7c77

Руководство по Express.js. Часть 1

https://habr.com/ru/post/516774/

Шаблоны компонентов React

https://dev.to/alexi_be3/react-component-patterns-49ho

Изучаем Parcel — альтернативу Webpack для небольших проектов

https://habr.com/ru/post/516704/

Лучший способ отложенной загрузки изображений для максимальной производительности

https://blog.prototyp.digital/best-way-to-lazy-load-images-for-maximum-performance/

Самые популярные CSS фреймворки в 2020

https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15

Полное руководство по Windows Terminal

https://www.sitepoint.com/windows-terminal/

Друзья!

Подходит к концу третий этап программы VK Fresh Code!
VK Fresh Code — образовательные курсы и гранты общей суммой 15 млн рублей для разработчиков мини-приложений. В программе приняли участие более 120 команд, а разработчики получили уже более 6 млн рублей!

👉 Успейте присоединиться к четвертому этапу VK Fresh Code, который стартует 11 сентября, чтобы побороться за денежное вознаграждение. Для этого нужно создать своё мини-приложение на определенную тему, пройти модерацию и тестирование и опубликовать мини-апп в каталоге ВКонтакте.

☝️ Особенность VK Fresh Code в том, что помимо соревнования, здесь есть образовательная часть. Лекторы рассказывают о hard и soft skills, знакомят участников с платформой VK Mini Apps, а также дают советы по разработке и продвижению сервисов.

Подробнее в сообществе VK Mini Apps - https://vk.com/vkappsdev

Как сделать CSS реактивным

https://dev.to/adam_cyclones/how-to-make-css-reactive-5eol

Полное пошаговое руководство по API GraphQL с React и FaunaDB

https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/

CSSPLIT — CSS-сплиттер, который берет ваш файл main.css и разбивается на css файлы для конкретных компонентов.

https://github.com/royalbhati/CSSplit

Как создавать с помощью React.js серьезные проекты? Освойте продвинутые навыки на демо-уроке «Разработка библиотеки компонентов на React + Storybook».

👉22 сентября на бесплатном вебинаре вы научитесь разрабатывать презентационные компоненты используя storybook. А также рассмотрите настройки, возможные расширения и как правильно выстроить библиотеку презентационных компонентов. Узнаете, как сделать snapshot тестирование с помощью Loki.

📌Демо-занятие является частью программы онлайн-курса «React.js Developer». Пройдите вступительный тест для регистрации https://otus.pw/oZ6h/

Решение частых алгоритмических вопросов на JavaScript

https://habr.com/ru/post/516568/

Почему CSS ::before не работает с инпутами и изображениями

https://webplatform.news/issues/2020-08-26

6 советов и лучших практик для масштабируемого проекта на React

https://blog.bitsrc.io/best-practices-and-tips-for-a-scalable-react-application-db708ae49227

Архитектура фронтенда: стабильные и изменчивые зависимости

https://dmitripavlutin.com/frontend-architecture-stable-and-volatile-dependencies/

Погружаемся в Jamstack с помощью React, Serverless и Airtable

https://css-tricks.com/going-jamstack-with-react-serverless-and-airtable/

Настройка микро-архитектуры фронтенда с помощью Vue и single-spa

https://itnext.io/setup-a-micro-frontend-architecture-with-vue-and-single-spa-2c89528bf72f