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


useState из Javascript в Typescript
Преобразование существующего кода Javascript в Typescript немного утомительно 😂. Из-за слабо типизированной природы JavaScript определение того, какие типы данных пересылаются в JavaScript, может быть сложным. В приведенном ниже примере показано преобразование useState из JS в TS. Без машинописного текста: Большинство разработчиков React могут быть знакомы с приведенным ниже фрагментом кода. Здесь компонент LoginInput — это обычное поле ввода, которое принимает реквизиты,..

Шпаргалка TypeScript с React
🙋🏻‍♀️ Введение ⚛️ Как использовать TypeScript с React? 🪞 Типы свойств компонента React 🛑 ReactNode против ReactElement 🏷 Тип и интерфейс 🪢 Как печатать реквизиты с помощью TypeScript? 🪡 Как вводить реквизит функционального компонента? ⛓ React Hooks с помощью TypeScript Введение React — это популярная библиотека JavaScript для создания пользовательских интерфейсов. Он известен своей простотой, производительностью и гибкостью. Однако JavaScript — это..

Создайте собственный ScrollView с помощью FlatList
Мы собираемся создать собственный ScrollView с помощью FlatList в React Native ScrollView — это компонент React Native, который позволяет прокручивать содержимое в одном направлении, вертикально или горизонтально. Он может содержать один или несколько дочерних элементов и часто используется для прокрутки небольшого количества контента. FlatList, с другой стороны, является более оптимизированной версией ScrollView для больших списков данных. Он отображает только те элементы, которые в..

Получите преимущество в конкурентной борьбе с интерфейсной отладкой и мониторингом от Adze JS
Произносится как «Реклама»… Недавно у меня появилась возможность начать новый проект с нуля, где мы могли выбрать новые блестящие инструменты и фреймворки. Прежде всего, я не хочу преуменьшать, насколько это круто; жаль, что мы не можем делать это чаще. Во всяком случае, для ведения внешнего интерфейса я вспомнил, как бывший коллега упомянул этот проект с открытым исходным кодом Adze . Adze — улучшенное ведение журналов JavaScript Откройте консоль..

Операторы управления TSX
Учебник по настройке Это краткая инструкция по настройке tsx-control-statements , фантастического пакета от Константина Симеонова . Я предпочитаю операторы управления TSX вместо renderX или встроенного потока управления, потому что считаю их более декларативными и, следовательно, более легкими для чтения. Например: const List = ({ children }: any) => <div>{children}</div>; const Item = ({ children }: any) => <p>{children}</p>; const items = [ {..

JavaScript или машинописный текст или оба?
Как разработчики, мы иногда застреваем, решая, какие фреймворки/языки использовать, особенно если мы знаем более одного, который соответствует нашим потребностям или хочет изучить. Часто узнавая больше о том, что делает их уникальными, вы указываете правильное направление. В этом блоге рассказывается о JavaScript и Typescript, их использовании, различиях и совместимости. Что такое JavaScript? Согласно МДН, «JavaScript — это язык сценариев или программирования, позволяющий..

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