Как JavaScript находит методы, кто у кого что наследует и зачем нужен extends. 5 статей, которые расставят всё по полочкам.
1. Прототипное наследование
Подробно рассказывает про механизм [[Prototype]], цепочку прототипов и делегирование свойств через proto.
2. Наследование классов
Разбирает синтаксис class и extends, эффективность и подводные камни ES6-наследования.
3. Prototypal Inheritance Explained
Свежая статья с простыми объяснениями, примерами и визуальными схемами цепочек прототипов.
4. 7 способов реализации наследования в JavaScript
Обзор альтернатив и техник: от Object.create до работы со ссылочными типами, плюсы и минусы каждого подхода.
5. MDN: Inheritance & the prototype chain
Официальная документация MDN: простое объяснение чего искать JavaScript при обращении к свойству, как работает цепочка наследования.
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥2👍1
Вы создаёте SPA для управления задачами. У каждой задачи есть id, title и status. Удаление реализовано так:
await fetch(`/api/tasks/${id}`, { method: 'DELETE' });
Далее замечаете следующую проблему: после клика по «Удалить» задача исчезает из интерфейса, но при ошибке сервера (например, 500) остаётся в базе.
Пользователь думает, что задача удалена, но при обновлении страницы она возвращается
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
👾3👍2🥱1
🤔13🌚3👾3🥱1
Frontend Engineer — от 3000 $, удаленно (Лондон)
Middle React Native разработчик — офис (Москва)
Frontend Developer (React JS) Middle — 1 100 $, удаленно (Астана)
Frontend разработчик на Angular — от 100 000 до 200 000 ₽, офис (Казань)
Frontend-разработчик — от 150 000 до 180 000 ₽, удаленно (Москва)
#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🥱2🔥1
— display, float, clear, width/height, margin — простые, но коварные
— auto, %, inherit — ведут себя по-разному в зависимости от контекста
— даже один
auto
может всё сломать, если не учесть родителя#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🌚4👍1
ИИ всё глубже проникает в код — и с этим уже никто не спорит. Но что, если вы почти не пишете код руками, а просто даtте команды нейросети?
В карточках:
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8👾4❤1🔥1
Web Vitals — это метрики от Google, которые измеряют реальное восприятие производительности пользователями.
Особенно важны:
* LCP — скорость загрузки главного контента
* INP — отзывчивость при взаимодействии
* CLS — стабильность интерфейса
Зачем прокачивать Web Vitals:
Как внедрить в проект:
import { getCLS, getINP, getLCP } from 'web-vitals';
getCLS(console.log);
getINP(console.log);
getLCP(console.log);
— Откройте DevTools → вкладка Lighthouse
— Запустите аудит и смотрите рекомендации по улучшению
— Используйте
loading="lazy"
для изображений— Добавьте
font-display: swap
к шрифтам— Минимизируйте и разбивай JS на чанки
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤3
Please open Telegram to view this post
VIEW IN TELEGRAM
😁9💯2
ChatGPT с этим промптом превращается в мощный парсинг-инструмент: скрин → код.
Что нужно сделать:
Промпт:
You're a professional web developer and UI/UX expert.
I’m going to upload an image of a website design or component. Please:
1. Analyze the layout and design from the image.
2. Generate clean, responsive HTML and CSS (Tailwind is fine too).
3. Add comments in the code to explain your logic.
4. Ask me any questions if something in the image isn’t clear.
Output everything inside code blocks and make sure it's mobile-friendly.
Работает отлично для:
— hero‑секций
— форм логина/регистрации
— табличек с ценами
— админок и портфолио
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤2⚡2
Наш подписчик работал над крупным корпоративным SPA на React с использованием Emotion для стилизации компонентов. В какой-то момент приложение стало заметно «тормозить» после нескольких переключений между разделами:
«Заглянув в DevTools, увидел, что <head> заполняется дублирующимися <style>-тегами. Оказалось, я каждый раз создавал новый Emotion-cache при рендере, и старые стили не удалялись — вечером перенёс провайдер кеша в корень приложения, и лаги исчезли.»
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM