Опыт первого знакомства с Next.js

Реакт 19 уже официально вышел без всяких канареек

React useCallback() — полное руководство

Никто не говорит "функции обратного вызова" - все говорят "колбэк".

Также написана ересь про ненужные создания функций при ререндерах. Юзколбэк нужен чтобы передавать стабильную ссылку на функцию - всё. Но на каждый ререндер вы всё равно создаёте и прокидываете в него новую функцию. Оптимизация будет только если есть дочерние компоненты, обёрнутые memo

Моя боль в JavaScript: когда this и переменные становятся головоломкой

А вот так написать религия не позволяет?

class Person {
  constructor (
    public name,
    public age,
    public anyProperty
  ) {}
}

1С VS Python – новый выпуск ютуб-шоу «Согласен / Не согласен»

Хорошая попытка, 1сники, но нет. Есть настоящие языки программирования, а есть 1с

Управление цепочкой вызовов асинхронных функций

Что-то я не понимаю, зачем какие-то чейны, если задача из примера - типичный дебаунс. Создаём тайммаут, создаём функцию, которая отменяет таймаут - profit.

Что нас ждет в Next.js 15: обзор заявленных новинок

Сразу после подзаголовка "Что нового в Next.js15?" пропал кусок текста.

На GitHub опубликован скрипт ReplicateUI для копирования любого веб-сайта со всем кодом и картинками

Скачаются минифицированные скрипты, рассчитанные на бэк и юрлы сайта. Что ты будешь делать с этим всем?

7 продвинутых приёмов JavaScript, которые должен знать каждый разработчик

Тротлинг через таймаут - сомнительно. Он не будет работать в тяжёлых задачах.

Про ивентлуп конечно ересь понаписали. Он есть в браузере, есть в ноде, но не в самом js.

SOLID in React

Пример про лисков какая-то фигня, там нету никакого реакт компонента

5 английских слов, которые вы произносите неправильно, если вы айтишник ;)

Одно из самых бесячих Enter как "интер". Кроме как любовью к итальянской футбольной команде не знаю, как объяснить такое произношение.

Один день из жизни JavaScript разработчика и его техлида

Ты чё с ума сошёл, then - метод промисов и не надо никогда называть свою кастомную хрень как системную функцию!!

В бета-версии Safari появилась функция удаления объектов на веб-страницах

В десктопной версии конечно есть девтулзы из которых что угодно можно удалить уже 1000 лет как. Но анимация конечно мемная: "ты чиво наделал?"

React: одна любопытная особенность порталов

То, что спрашивают на собесе у джунов и о чём явно написано в документации, стало открытием для автора статьи.

Работа с массивами по-новому. React Custom Hook: useArray

Колбэки, возвращаемые из хуков, должны иметь стабильную ссылку - а не как здесь

Как узнать количество перерисовок? React Custom Hook: useRenderCount

Правильнее считать не отработки юзеффекта, а вызов рендера компонента. В чём разница? Оно конечно будет хорошо работать когда рендеров относительно мало (меньше 60 в сек), а вот если в компонент может прилетать например новый проп раз 100500 в секунду (мы же ведь для дебага эту херню собрались использовать), то есть подозрение, что юзэффект может исполниться "когда-нибудь" и вовсе не отразит реальную нагрузку.

И это не сферический случай в вакууме, приходилось как-то дебажить, что юзэффект отрабатывал через минуту после того как "должен был"

Вопросы к собеседованию React (Junior level)

Неплохо было бы, если бы "правильные" ответы на вопросы для джунов не содержали ошибок. Например про реакт фрагмент 2 формы записи на то и 2, что имеют различия (в сокращённой записи нельзя прописать key)

Изучение случайности в JavaScript

На дворе 2024 год, кто-то до сих пор использует var и пишет function ObjectCreator вместо class...

Избавьтесь от хаоса модальных окон с useModalControl (React)

Прежде чем в меня кидаться докой из ui библиотеки, можно почитать доку родного html диалога и в чем там разница между модальным и немодальным диалогом, чтобы не мешать тёплое с мягким.

Ну а по поводу анимации - это не опять же не придирка. Одна из главных проблем модалок/попапов - когда их может быть не одна, нужно грамотно ждать пока закроется одно прежде чем открывать другое. Хранить состояние диалогового окна в ячейке стора, как это показано в примере статьи - тут много ума не надо, это может сделать любой за 5 минут

Избавьтесь от хаоса модальных окон с useModalControl (React)

Это джун писал?

Всё начинает идти не так с описания шага 1. ModalNames у нас какого-то лешего с большой буквы, хотя это не тип, и даже не енум, и уж тем более не класс.

"Строгая типизация обеспечивает дополнительную уверенность и удобство" - нет, она не работает в рантайме. Тайпскрипт никак не запретит вызвать второе окно когда открыто первое.

Ключи в объекте, задаваемые через манипуляцию со строками, и функция capitalizeFirstLetter - это что вообще за нафиг??

По функционалу - конечно же эта приблуда не дружит с анимациями исчезновения, это можно заметить даже визуально когда пропадает попап с данными (остаются названия полей, а значений нет) и layout shift может быть гораздо больше если там картинка какая или большой текст. А если в одном попапе юзер нажмёт условное "да", а скажем средств не хватает и юзеру нужно показать ошибку? Где закрытие одного (ждем анимацию) и только потом открытие следующего?

И вишенка на торте - это ни разу не модалка а попап. А бизнесу может быть надо функционал именно модалки, что её не закроешь пока допустим юзер не тыкнет "да согласен".

@ts-expect-error иногда не лучше @ts-ignore

Вообще если в какой-то библиотеке кривая типизация - правильнее будет исправить типы, чем расставлять игноры по коду