Web Stack

Переход к бессерверным технологиям с помощью Next.Js

В этой статье мы расскажем вам, как работать в бессерверном режиме с популярным фреймворком Next.js.

https://blog.openreplay.com/going-serverless-with-nextjs/

Утилита для нагрузочного тестирования autocannon

Позволяет быстро провести нагрузочный тест в консоли или программно при помощи скрипта.

https://github.com/mcollina/autocannon

Frontend meetup (Online)

1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения

2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.

3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.

4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером

🗓 12 июля, начало в 19:00 мск, Среда

🚀 Телеграмм канал с анонсами митапов

✅ Регистрация на мероприятие

Создание формы комментариев с помощью React-Mentions

Эта статья покажет вам, как использовать библиотеку React-mentions для создания мощной формы комментариев.

https://blog.openreplay.com/building-a-comment-form-with-react-mentions/

Методы рефакторинга CSS

В этой статье мы расскажем вам о методах рефакторинга вашего CSS.

https://blog.openreplay.com/css-refactoring-techniques/

17 незаменимых веб-приложений для ускорения работы над проектом

Собрали лучшие веб-приложения для работы с изображениями, логотипами, анимацией, шрифтами, README-файлами и многим другим.

https://proglib.io/p/17-nezamenimyh-veb-prilozheniy-dlya-uskoreniya-raboty-nad-proektom-2022-02-18

Создавайте диаграммы на React с помощью библиотеки chart.js

В этой статье вы научитесь использовать chart.js в React на простых примерах с использованием статистических данных.

https://proglib.io/p/sozdavayte-diagrammy-na-react-s-pomoshchyu-biblioteki-chart-js

Пять лучших практик отладки кода в React Native

В этой статье автор поделится опытом отладки приложений React Native и расскажет о пяти лучших практиках, которые должен знать каждый разработчик React Native.

https://blog.openreplay.com/five-best-practices-for-debugging-react-native-code/

Удаление неиспользуемого CSS с помощью PurgeCSS

Эта статья познакомит вас с PurgeCSS, инструментом, который может минимизировать CSS, отправляемый в браузер.

https://blog.openreplay.com/removing-unused-css-with-purgecss/

Построение выпадающих окон и аккордеонов с помощью CSS

В этой статье мы расскажем вам, как создавать выпадающие окна с помощью только CSS или CSS + JavaScript.

https://blog.openreplay.com/building-dropdowns-and-accordions-with-css/

Советы сеньоров: как прокачать знания junior Front-end/JavaScript

В этой статье автор расскажет, какие есть общие лайфхаки по обучению, какие книги и ресурсы нужно читать, какие навыки осваивать и многое другое.

https://dou.ua/lenta/articles/senior-frontend-tips/

Учебник по JavaScript: основные операторы

В этой статье рассмотрим основные операторы JS: от самых базовых математических до более специфичных, а также мы узнаем как использовать логические и битовые операции, что такое унарный оператор и в каком порядке выполняются операторы (таблица приоритета операторов).

https://proglib.io/p/uchebnik-po-javascript-osnovnye-operatory-2022-07-03

Пишем гибридное приложение для хранения заметок на Django, Django Ninja REST Framework и Alpine.js

Изучаем основные возможности Django Ninja, Alpine.js и Axios в процессе создания веб-приложения для хранения заметок.

https://proglib.io/p/pishem-gibridnoe-prilozhenie-dlya-hraneniya-zametok-na-django-django-ninja-rest-framework-i-alpine-js-2022-09-18

Шпаргалка по регулярным выражениям в JavaScript

Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.

https://proglib.io/p/shpargalka-po-regulyarnym-vyrazheniyam-v-javascript-2022-07-17

Учебник по JavaScript: работа с объектами

Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.

https://proglib.io/p/uchebnik-po-javascript-rabota-s-obektami-2022-08-07

Лучшие практики применения принципов SOLID в React

В этой статье мы поговорим о важности каждого принципа и рассмотрим, как мы можем применить принципы SOLID в приложениях React.

https://proglib.io/p/luchshie-praktiki-primeneniya-principov-solid-v-react-2022-08-10

Как занять первое место в поисковой выдаче: добавляем SSR в Vue 3 + Vite приложение

В этой статье вы узнаете, зачем нужен SSR, что такое SEO, и как рендерить JavaScript на сервере.

https://proglib.io/p/kak-zanyat-pervoe-mesto-v-poiskovoy-vydache-dobavlyaem-ssr-v-vue-3-vite-prilozhenie-2022-11-24

ТОП-10 шаблонизаторов для фронтенд-разработки

В статье мы рассмотрим десять популярных во фронтенд-разработке шаблонизаторов и способы создания простых шаблонов.

https://proglib.io/p/top-10-shablonizatorov-dlya-frontend-razrabotki-2023-01-17

20 рабочих советов от Junior Front-end developer

В этой статье вы узнаете, почему почти каждый HTML-документ содержит теги head, body и footer, и почему внешний вид веб-сайта до определенного момента можно описывать с помощью языка разметки, но потом придется подключать другой инструмент.

https://proglib.io/p/front-end-developer-serezno-derzhi-20-sovetov-v-pomoshch-2019-09-29

Использование Prettier с VSCode для написания JavaScript

В этой статье мы рассмотрим использование Prettier с VS Code для написания чистого и организованного кода.

https://blog.openreplay.com/using-prettier-with-vscode-to-write-javascript/