createAsyncThunk.withTypes() корисна можливість @reduxjs/toolkit

У цій статті розберемо ще одну маловідому, але не менш корисну можливість@reduxjs/toolkit Для початку розберемо варіанти та можливості типізаціїcreateAsyncThunk Санки можна типізувати як за допомогою дженериків, createAsyncThunk<Returned, ThunkArg, ThunkApiConfig>() так і за допомогою безпосередньо аргументів createAsyncThunk( ‘asyncThunkTypePrefix’, (arg: ThunkArg, apiConfig: ThunkApiConfig) => {} ) де: – Returned– тип значення, що повертається санком значення – ThunkArg– тип аргументу…

bindActionCreators – маленька утиліта, що вирішує проблеми.

 Бібліотеки reduxабо@reduxjs/toolkit надають велику кількість корисних утиліт, у цій статті я розповім про одну з них – bindActionCreators Одна з проблем, що переслідує майже всіх, хто використовує вищезгадані бібліотеки – неможливість використання action(), попередньо не обернувши його в dispatch(). Це породжує велику кількість безглуздого коду: const dispatch = useDispatch() const handleReset = (id: number) => dispatch(actionReset(id)) Як використовувати…

TypeScript 5.2: Нове ключове слово: ‘using’

У TypeScript 5.2 з’явиться нове ключове слово ‘using’, яке можна буде використовувати для утилізації чогось за допомогою функції Symbol.dispose, коли воно залишає область видимості. { const getResource = () => { return { [Symbol.dispose]: () => { console.log(‘Hooray!’) } } } using resource = getResource(); } // ‘Hooray! Він заснований на пропозиції TC39, яка нещодавно досягла…

Що таке зрозумілий штучний інтелект (XAI)?

Зрозумілий штучний інтелект (Explainable AI, XAI) — напрямок досліджень у галузі ШІ, який прагне створити системи та моделі, здатні пояснювати свої дії та приймати рішення зрозумілим для людей чином. Однією з основних проблем у навчанні сучасних штучних інтелектів є «чорна скринька»: системи можуть давати точні відповіді та виконувати складні завдання, але часто важко зрозуміти, яким…

Згорткові нейромережі: що це і для чого вони потрібні?

Згорткові нейронні мережі (Convolutional Neural Networks, CNN) – особливі типи нейронних мереж, які допомагають комп’ютерам бачити та розуміти зображення та відео. Такі мережі мають кілька шарів, які називаються згортковими. Вони дозволяють CNN вивчати складні особливості та робити більш точні передбачення про вміст візуальних матеріалів. Згорткові нейромережі застосовуються в тому числі для розпізнавання осіб, автопілотування, медичного прототипування…

Зустрічайте Dev Mode у Figma

Як інструмент проектування може працювати краще для розробників? Це питання ми ставимо собі та нашій спільноті. Сьогодні ми раді представити Dev Mode – новий робочий простір у Figma, створений для того, щоб розробники отримували те, що їм потрібно, коли їм це потрібно, використовуючи інструменти, які вони використовують щодня. Figma народилася в Інтернеті – нетрадиційний початок для інструменту…

Більше контролю над селектором: nth-child() за допомогою синтаксису S

Селектори псевдокласів :nth-child() та :nth-last-child() За допомогою селектора псевдокласу :nth-child() можна вибирати елементи в DOM за їх індексом. Використовуючи мікросинтаксис An+B, ви отримуєте тонкий контроль над тим, які елементи ви хочете вибрати. :nth-child(2): Вибере другий дочірній елемент :nth-child(2n): Вибере всі парні дочірні елементи (2-й, 4-й, 6-й, 8-й тощо). :nth-child(2n+1): Вибере всі непарні дочірні елементи (1, 3, 5, 7 і…

7 Інструментів для оптимізації та прискорення React розробки

React – це універсальна і гнучка бібліотека, яку можна використовувати для створення всього, від великих SPA до компактних модулів, що підключаються. Однак створення React проекту може виявитися непростим завданням, що потребує нескінченних доробок та різних маніпуляцій. Отже, вам потрібно буде мати у своєму наборі інструментів найкращі, щоб прискорити розробку React. У цій статті я розповім про 7…

Кращі техніки код-рев’ю

Стандарти код-рев’ю Огляд коду – один із складових процесів підтримки якості програмного забезпечення. У ході нього одна або кілька осіб вивчають та оцінюють програму в основному шляхом перегляду та читання окремих фрагментів його вихідного коду. Перевірка вихідного коду вручну або автоматично (за допомогою спеціальних інструментів огляду коду) є частиною процесу моніторингу якості програми. Це робиться для…

CSS-селектор :has() та міжрядкові інтервали у довгих текстах.

Якщо ви працювали з сайтами, що містять багато довгих текстів, особливо з сайтами на CMS, де користувачі працюють у WYSIWYG-редакторі, то ви напевно писали CSS для управління міжрядковими інтервалами між різними елементами типографіки – заголовками, параграфами, списками і т.д. Писати такі стилі напрочуд непросто. Саме тому з’явилися інструменти, подібні до плагіну Tailwind Typography і Prose від Stack…