Публикации по теме 'typescript-with-react'


Почему TypeScript
Javascript — это язык с динамическим типом, то есть движок Javascript не проверяет тип переменной перед выполнением кода. Даже простая опечатка может быть обнаружена только во время выполнения. Ниже приведены некоторые примеры поведения Javascript во время выполнения, когда он сталкивается с ошибкой. а. Несовместимые типы: Согласно приведенному ниже коду, мы получаем TypeError при выполнении метода flip, но получаем вывод при выполнении метода toLowerCase. Приведенный выше..

Как максимально сократить время загрузки с помощью UseEffect
Рефакторинг кода React с помощью простого шаблона проектирования В последнее время я занимаюсь двумя вещами — рефакторингом тонны кода React и чтением шаблонов проектирования программного обеспечения. При рефакторинге старого кода я пытался ускорить загрузку некоторых страниц. В этом и была проблема — мне приходилось делать пять или шесть сетевых обращений к разным бэкэнд-сервисам, чтобы загрузить одну страницу. На самом деле это было намного больше, чем должен был сделать старый..

Проектирование жетонов - что делает жетоны отличного дизайна и как их создавать (часть 2)
Это серия статей, в которых я представляю, как я считаю, отличный способ потреблять и поддерживать токены дизайна. Примеры написаны на React и styled-components, но идеи в этой статье могут быть адаптированы к любым фреймворкам. Вступление В Части 1 этой серии мы придумали набор желаемых интерфейсов для использования токенов дизайна. В этой статье мы реализуем токены для соответствия этим интерфейсам. В части 3 мы рассмотрим, как сделать токены более удобными в обслуживании...

«Погружение в системы сборки внешнего интерфейса 2023 года: больше, чем просто модные решения!»
Привет, энтузиасты кода! 🌟 Эволюция систем сборки внешнего интерфейса — это вихрь, заставляющий некоторых из нас чувствовать, что мы находимся в технологическом реалити-шоу — «Идти в ногу с Code-dashians!» Давайте углубимся в механику, не так ли? 1. Webpack 7: Вечный Титан Webpack превратился в еще более гибкий упаковщик. Граф зависимостей понимает ваши активы лучше, чем когда-либо. module.exports = { entry: './src/index.js', module: { rules: [ { test:..

Общие сведения о TypeScript
TypeScript — это язык программирования с открытым исходным кодом, который расширяет JavaScript, добавляя статическую типизацию. Одной из его ключевых особенностей является поддержка дженериков, что позволяет разработчикам писать повторно используемый код, который может работать с различными типами данных без ущерба для безопасности типов. В этой статье мы рассмотрим основы дженериков в TypeScript и покажем, как писать универсальные функции и классы. Общие функции Универсальная..

От Javascript к Typescript с React & React Native: ваш первый типизированный компонент
Эта статья для вас, если вы пытаетесь создать свой первый типизированный компонент в React / React-Native. Привет, друг, Итак, вы решили окунуться в мир машинописного текста в своем приложении React / React-Native. Круто . Давайте рассмотрим, как обновить простой кнопочный компонент с JS - ›TS. Как только вы это сделаете, вы получите много полезной информации из своей IDE (при условии, что вы используете что-то вроде VSCode, Webstorm и т. Д.) При разработке. Хорошо, для начала..

TypeScript: за одну минуту
TypeScript — это типизированный надмножество javascript, который транспилируется в простой JavaScript. Он добавляет в JavaScript необязательные типы, классы, интерфейсы и модули. Он был разработан Microsoft и является открытым исходным кодом . TypeScript предлагает классы, модули и интерфейсы, помогающие разработчикам создавать надежные компоненты. Типы TypeScript позволяют разработчикам определять интерфейсы между программными компонентами и получать представление о поведении..