React | Разработка приложений

🔥 Хук useCallback – ещё больше оптимизации Благодаря этому хуку единожды создаётся метод и обновляется только тогда, когда меняется какой-то из параметров, которые поместили в качестве элемента массива и передают вторым аргументом – по аналогии с массивами в других хуках. Так мемоизируется метод, и не происходит лишний рендеринг.

React теперь в телеграм! - 40,14% разработчиков сайтов использовали React в 2022 году — это самая популярная библиотека для создания пользовательских интерфейсов; - 196 850 звёзд у React на GitHub; - 25,12% разработчиков хотят изучить React; - 16.9 млн раз пользователи установили React С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень! От создаталей популярного JS канала @javascriptv 🔥 Подписаться

Всегда используйте самозакрывающиеся теги, если у элемента нет дочерних элементов.

🚀Хотите прокачаться во Frontend-разработке? Присоединяйтесь к бесплатному уроку 7 ноября в 20:00 — «Создание быстрых сайтов с Astro build»: зарегистрироваться — Вместе с Арсением Высоцким, тимлидом в большой международной компании, познакомимся с новым инструментом для разработки сайтов с динамическим контентом — Astro build. Astro поддерживает множество популярных фреймворков, включая React. 👉Этот урок — часть онлайн-курса «React.js Developer» от OTUS и ориентирован на тех, кто имеет опыт работы с JavaScript и знаком с HTML/CSS. Пройдите вступительный тест и регистрируйтесь на вебинар!

Тип never используется очень редко в typescript, только когда функция никогда не собирается достигать оператора возврата. Это происходит в основном по двум причинам: ✓ функция выдает ошибку ✓ функция зацикливается до бесконечности. Рассмотрим пример наиболее распространенного случая использования - функция выбрасывает ошибку, поэтому она никогда не достигнет оператора возврата

Ошибка "TypeError: map is not a function" возникает, когда мы вызываем метод map() на значении, которое не является массивом. Чтобы устранить ошибку, выведите в console.log значение, для которого вы вызываете метод map(), и убедитесь, что вызываете map только для правильных массивов.

Вы можете сужать типы несколькими методами: ✓ typeof — оператор из JavaScript для проверки примитивных типов. ✓ instanceof — оператор из JavaScript для проверки унаследованных сущностей. ✓ is T — декларирование из TypeScript, которое позволяет проверять сложные типы или интерфейсы. Будьте осторожны с этой возможностью, потому что так вы перекладываете ответственность за определение типа с TS’а на себя.

Дизайнишь/верстаешь? Облегчи и ускорь свою работу за три клика ~ Как обратить свои знания в навыки и деньги? ~ Чем набить портфолио, чтоб у всех слюни текли? ~ Как делать макеты и прототипы круче и продавать их дороже? Не ломай голову, подписывайся: Макеты для верстки — канал с макетами разной сложности для верстальщиков и UI/UX дизайнеров любого уровня. Оттачивай мастерство, чтобы стать лучшим Codepen — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Одна ссылка в день — один сервис для работы, бизнеса и жизни ежедневно. Упрости жизнь, освободи на нее время Мультитул разработчика — все необходимое в одном месте

Следует отметить, что as const могут применяться только к простым выражениям.

Остался в РФ и думаешь о своем будущем? Посмотри на IT! Это отличный шанс для всех, ведь в 2022 году на рынке освободилось место для новых специалистов после оттока айтишников из страны. Поступай в  Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства с зарплатой от 80 000₽.  Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой.  По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска. Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!

⚡ as const более строгий инструмент, чем readonly-типы, потому что он запаковывает вашу константу с наиболее точным типом из возможных. Теперь можно быть уверенным: никто и ничто не сможет это изменить. Кроме того, при использовании as const ваша IDE всегда будет показывать точный тип используемой сущности.

Каждый день бесплатно получать новые знания по ReactJS? Да! React Factory — это канал реального Middle разработчика на JavaScript. Каждый день он публикует фишки, статьи, советы и примеры кода по React! Подписывайся: @reactfact

🔥 readonly - значение может быть присвоено только в момент инициализации, или в конструкторе того же класса. Любые другие присваивания значении запрещены. Мутировать структуры, с которыми работаешь, — плохая практика. Это сразу приводит к ряду последствий в приложении: появляются проблемы с проверкой изменений в компонентах, за которыми не происходит обновления отображения после мутирования данных.

Не используйте такие слова как ✓ "изображение" ("image"), ✓ "фото" ("photo"), ✓ "картинка" ("picture") в атрибуте alt тега <img>. Скринридеры уже сообщают что img элементы являются картинками, так что нет необходимости включать эту информацию в текст атрибута alt.

Найти работу во Frontend можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть. Второй. Подписаться на React Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @job_react

В React Экспортировать и импортировать можно практически всё что угодно, не только JS, но и CSS, файлы изображений и т. д. В React часто не нужно добавлять расширение файла при импорте JavaScript. Расширения нужны только при импорте в JS других типов файлов.

В связи с тем, что GeekBrains, SkillBox, Яндекс.Практикум и им подобные частенько сносили ряд наших каналов из-за сливов их курсов, мы приняли решения создать именную базу архивов, в которую не ссыкнем😬 выкладывать дорогостоящие и эксклюзивные новинки курсов от топовых онлайн-школ. 🎯Сохраняем: Архив с курсами SkillFactory (на 147 ГБ материалов) Архив с курсами GeekBrains (228 ГБ) Архив с курсами Яндекс.Практикум (147 ГБ) Архив с курсами SkillBox (322 ГБ) Архив с курсами Нетология (47 ГБ)

В JavaScript С помощью модулей ES удобно распределять код по файлам приложения. Мы экспортируем то, что хотим передать в другие файлы нашего приложения (в основном переменные и функции), а затем импортируем их там, где нужно. Можно осуществлять множественный экспорт/импорт с помощью фигурных скобок (и ключевых слов export/import) или одиночный без скобок (с ключевыми словами export default и import). Такой подход позволяет сделать код модульным. Мы можем писать код там, где он нужен, не собирая всё в один большой файл. В примере ниже показано, как вызвать функцию getLocalTime из отдельного файла в app.js.

В React Можно вывести через JSX один результат, если условие истинно, и другой, если оно ложно, при этом записав код намного короче, чем через if-else. Если результат нужно выводить только при истинности условия, можно использовать оператор &&.

В JavaScript В JavaScript есть сокращённая форма записи условных операторов if-else — тернарная операция (ternary). В отличие от if-else тернарные операции являются выражениями. Это даёт большую гибкость, позволяя использовать их так же, как и любые другие выражения (такие как ${} в случае с шаблонными строками). Тернарные операции не всегда лучше оператора if-else. Например при обработке множественных условий первые окажутся неудобочитаемыми.