ToDo App без использования клиентского JS

Пример реализации простого React приложения с использованием react server actions.
⚠️ Пример не для production!

https://dev.to/lazarv/todo-app-with-no-client-side-javascript-using-lazarvreact-server-23ig

Утечки памяти в React

Особенности работы замыканий в функциональных компонентах при использовании React Query.

https://schiener.io/2024-05-29/react-query-leaks

Создаем Rest API c NextJS 14

Короткий практический курс по NextJS для начинающих.

https://www.youtube.com/watch?v=aEFkWxUNAVc

Coding Cheatsheets

Набор шпаргалок по frontend технологиям и инструментам.

https://cheatsheets.shecodes.io/

Перейди по ссылке, и я узнаю твой номер

Как с помощью cookie можно узнать номер телефона юзера (и вычислить по айпи 😁).

https://habr.com/ru/articles/819595/

Тестирующие типы в TypeScript

Продвинутое использование типов в TS, которое вам вряд-ли понадобится в обычном приложении, но интересное для общего понимания.

https://frontendmasters.com/blog/testing-types-in-typescript/

Полезные техники и трюки CSS

Забытая рубрика с очередными трюками CSS, о которых вы, возможно, не знали.

https://www.smashingmagazine.com/2024/06/css-tips-and-techniques/

TypeHero

Платформа для изучения TypeScript через решение задач. Есть возможность выбрать трек по своему уровню + создавать и шарить свои задачи.

https://typehero.dev

Разбираемся с this в JavaScript

Объяснение this на примерах для различных ситуаций: глобальные объект, методы объекта, хендлер событий и другие

https://www.freecodecamp.org/news/the-javascript-this-keyword-explained-with-examples/

React Compound Component паттерн

Пример создания компонента рейтинга с Compound Component паттерном.

https://www.freecodecamp.org/news/how-to-build-a-rating-component-with-the-react-compound-component-pattern/

Как выбить 100 очков в Google Lighthouse в 2024

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

https://www.smashingmagazine.com/2024/06/how-hack-google-lighthouse-scores-2024/

Новинки CSS и веб-интерфейса

Обзор новшеств с I/O 2024, которые уже можно использовать (или в ближайшем будущем).

https://developer.chrome.com/blog/new-in-web-ui-io-2024?hl=ru

😦 Где учиться на фронтенд-разработчика?

Если вы не хотите тратить время на изучение устаревшей информации, советуем онлайн-курс «Профессия Фронтенд-разработчик» от Skillbox.

✨ Во фронтенде всё очень быстро меняется, а ребята из Skillbox как раз недавно обновили курс — внутри только те знания, которые пригодятся в работе.

Курс ведут разработчики «Газпромбанк.Тех» и других топовых компаний — VK, «Шереметьево», «Самолёт». А во время обучения вёрстке вы выполните реальные задания фриланс-биржи «Хабр Фриланс», диджитал-агентства Whitemark и компании «Газпромбанк.Тех».

🙌 Попробовать курс можно бесплатно. Просто оставьте заявку и получите доступ к первым 2 модулям, чтобы понять, подходит ли вам фронтенд. Карту привязывать не нужно, а пройти бесплатные уроки можно в любое время!

Попробовать бесплатно: https://epic.st/Av9kmo?erid=2VtzqwQqadu

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Испытываем новые возможности элемента <permission>

Управляем доступом к различным фичам с <permission>, который уже скоро будет стандартизирован.

https://developer.chrome.com/blog/permission-element-origin-trial?hl=en

TC39: новшества и улучшения

Новый статус по различным фичам Javascript: Error.isError(), RegExp Escaping, Promise.try.

https://socket.dev/blog/tc39-advances-key-proposals

Расширения для VSCode

Небольшая подборка расширений, которые могут сделать ваш процесс разработки удобнее.

https://dev.to/mitchiemt11/cool-vscode-extensions-that-that-ive-discovered-12mg

Композиция функций

Создаем пайплайны из функций, каррируем и смотрим, где это удобно применять.

https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

Реклама. ИП Чернова О. А., ИНН:771399721044

Web Push Notifications

Практическое руководство по реализации web push уведомлений.

https://www.bocoup.com/blog/full-stack-web-push-api-guide

Змейка на ReactJS

Туториал по реализации классической игры

Github | Demo

https://blog.bibekkakati.me/how-to-build-a-classic-snake-game-using-reactjs