CO @codica
Showing posts older than #4935 · Back to latest
has_many, belongs_to тощо). 
propTypes? Що відбувається з ними у production збірці?propTypes — це вбудований у React механізм динамічної типізації props під час виконання програми (runtime validation). Він потрібен для того, щоб виявляти помилки передачі неправильних типів даних на етапі розробки.production збірці перевірки propTypes повністю ігноруються задля оптимізації продуктивності та зменшення розміру бандлу.
import PropTypes from 'prop-types';
// ✅ Значення за замовчуванням задаємо через стандартні параметри ES6
function UserCard({ name, age, isAdmin = false }) {
return (
<div>
<h3>{name}</h3>
<p>Вік: {age}</p>
{isAdmin && <span>Адміністратор</span>}
</div>
);
}
UserCard.propTypes = {
name: PropTypes.string.isRequired,
age: PropTypes.number,
isAdmin: PropTypes.bool
};
propTypes:age прийде рядок, React виведе чітке попередження в консоль браузера ще до того, як інтерфейс зламається.production збірці:production (наприклад, за допомогою Webpack, Vite чи Turbopack) логіка перевірки типів вимикається:React ігнорує валідацію propTypes, оскільки це важка операція для рантайму, яка б сповільнювала роботу інтерфейсу у реальних користувачів.babel-plugin-transform-react-remove-prop-types) самі обʼєкти propTypes повністю видаляються з фінального JS-коду, щоб зменшити вагу файлів (Bundle Size).propTypes vs TypeScript (додатковий бал від сеньйора):TypeScript працює на етапі компіляції (static type checking). Якщо передати не тот тип — проєкт просто не збереться.propTypes працюють в рантаймі (runtime check). Раніше їх іноді комбінували з TS для перевірки динамічних даних з API. TS-проєктах використовують сучасні інструменти на кшталт Zod або Yup. У сучасній розробці потреба в propTypes майже повністю зникла, це спадщина (legacy) старих проєктів.
This post (sticker, poll or similar) has no web preview. Open in Telegram