Артыкулы для тых, хто
выводзіць стэк у прод
Арыгінальныя матэрыялы пра React, Node.js, TypeScript і AI — з той жа практыкі, што і наша аператарскае ПЗ. Тэкст артыкулаў па-англійску.
Тэг: Frontend
Калі мемаізацыя у React пагубна: чаму меншыя перрэнды зробілі додатак медленнейшым.
Калі мемуізацыя у React дае працявыя наследкі: функцыі memo, useMemo і useCallback дадалі додатковыя витраты та застарелыя клоузыры на великай сторунцы. Перамешчанне стану та аналіз прабегу дадзелаі рашэнне.
13 хв чытанняЧаму фронтэнд стаець складным пасля React: стан, эфекты, межы і інструменты AI
React зробіў стварэнне інтерфейсаў простым, але не спрощыў ўзначальнення ўсёго. Там, дзе знаходзіцца стан, выклікаюць прычынна-наследныя эфекты, межы системы і код, створаны штучным інтэлектам, — гэта справжняя робота на фронтэндзе.
9 хв чытанняДзевяць спосабоў прышвартаваць процес разработкі ў Next.js і стварэння пакетаў для робочай сіткі
Шырэй Next.js: выкорыстоўваеце Turbopack, адмовіцеся ад файлаў barrel, раздзеліце перакананне типаў, заставіце компоненты кліента маленькімі, атрыбут lazy-load для важкіх бібліятэкаў і скорачыце пакеты для выпуску.
4 хв чытанняМагчымасць дизайнерам надсілать компоненты безпосередна у сервіс за дапамою агентаў на базе штучнага інтэлекту.
Як команда, яка працюе над веб-сайтамі, пазбавілася циклу «стварыць два разы»: дизайнеры запісваюць код у бібліятэку для рэальнай експлуатацыі разам з агентамі, інжынеры пераглядаюць контракт, і тыдзень роботы ператвараецца на гадзіну.
7 хв чытанняЯк запам’ятовваўчык браузера таямна псуе даны корыстніка і як гэтага утримаць
Абсарбнік браузера можа зіпсаваць даны корыстувальніка без жадных памятаў: загублены апдэйты, застарэлыя кадры, змены схемы і спільна выкарыстоўваныя прыстроі. Асоблівасці localStorage, якія застойваюцься.
14 хв чытанняНадзеямыя тэставання браузераў фронт-энду: траекторіі, тэзісы і ненадзеямыя тэсты.
Практычны падчынак для тэставання фронт-энду: выбірайце ключовыя траекторіі корыстувача, пісаце тэзісы наследкав, кантролюйце даныя для тэставання, зменшайце ненадзеямасць тэстаў і пераглядайце тэсты Playwright, створаныя AI.
8 хв чытанняРэальны выкарыстоўванне Action-аўтаматаў у React 19: як выкарыстоўваць useActionState, use() і як Кампайлер гэтыя элементы знявае.
React 19 actions дапамагаюць паслабіць вялічыню коду: працоўнікі форм, оптымістычныя апдэйты, forwardRef і ручная мемаізацыя. Калі ж тады useActionState, use() і змены кампайляра?
6 хв чытанняЯк функціонуе WebMCP: можлівасць для веб-сайтаў публікуваць інструменты заместо таго, каб агенты клікалі на інтерфейсы.
WebMCP дазваляе веб-сайту публікуваць такі інструменты, як add_todo, адразу ў агентах AI, замест таго каб ўжоць паўтараць процэс через інтэрфейс. Апісанне інструментаў, OAuth, першыя дні.
6 хв чытанняКомпаненты React павінны быть чыстымі: ідея, стоячая за StrictMode і кампайлярам.
Чаму React чакаецца чыстых компанентоў, як двойная рэндарызацыя у StrictMode адкрывае нечыстасць, дзе павінны знаходзіцца пабочныя эфекты, і чаму компіляр React спакоюецца на чыстасці.
9 хв чытання
Пра гэтыя артыкулы
Ацэнка за 24 гадзіны
Патрэбны такі стэк у аператарскім слоі? Дашліце брыф — ацэнка за 24 гадзіны.