Публикации по теме 'jsx'
Обновление проектов на основе приложений Create React до версии 4 (CRA 4)
Подробное руководство по обновлению проектов на основе приложения Create React до последней версии.
Create React App - это быстрый способ создать проект React. Его легко сгенерировать командой npx create-react-app <project name> . Затем у вас есть последние пакеты и среда выполнения для проекта React. Это удобно и эффективно.
Все отлично, когда оно свежее.
Со временем появятся новые версии приложения Create React с новыми функциями и внутренними улучшениями. Что тогда?..
Bubble Trouble: Заметки о распространении событий
Изучая программную инженерию, вы можете в первую очередь услышать об объектной модели документа (сокращенно DOM). Вкратце, DOM представляет собой абстрактную иерархизированную версию элементов в документе HTML / XML, где «корнем» является сам документ. От этого корня «ответвляются» другие элементы в зависимости от того, как элементы, атрибуты и другие качества вложены в документ. Обратите внимание на изображение выше и сравните его с эквивалентом в коде:
При попытке ввести..
Размещение соседних элементов JSX в React
Итак, проблема в том, что мы не можем передать несколько элементов HTML/JSX или компонентов React в оператор возврата компонента.
return (
<p>
I am First Element
</p>
<p>
I am First Element
</p>
) ;
Это может привести к ошибке!
Итак, чтобы решить эту проблему, у нас есть один подход по умолчанию, т. е. обернуть эти два элемента ‹p› в один элемент ‹div› .
return (
<div>
<p>
I am First Element
</p>
<p>
I am First..
Использование JSX с Vue.js и TypeScript
Как и зачем использовать JSX с Vue.js
Я знаю, что есть, по крайней мере, некоторые поклонники Vue.js, которые ненавидят идею размещения HTML в JavaScript. Файлы .vue , которые помещают JavaScript в <script> теги «там, где он принадлежит», являются наиболее близкими к объединению разметки и кода шаблона. Эта статья также для них. Я постараюсь объяснить, почему их опасения не достигают цели. Затем я объясню, как начать работу с JSX и TypeScript на Vue.js.
Нет, не совсем, это..
Разбор объектов JSON в React
Вот пример объектов, с которыми я работал:
{
"index": 2,
"name": "Acolyte",
"size": "Medium",
"type": "humanoid",
"subtype": "any race",
"alignment": "any alignment",
"armor_class": 10,
"hit_points": 9,
"hit_dice": "2d8",
"speed": "30 ft.",
"strength": 10,
"dexterity": 10,
"constitution":..
Познакомьтесь с JSX, классным братом JavaScript
Что такое JSX?
JSX во многом похож на HTML, но знаете что? Это не HTML. Технически это JavaScript. Отсюда и название JSX… J ava S cript e X …
Но почему именно JSX?
JSX позволяет нам писать HTML-подобный код внутри JavaScript. Однако браузеры не понимают код JSX, поэтому мы используем такие инструменты, как Babel, для преобразования JSX в JS.
Хотя JSX не требуется использовать при написании React, его настоятельно рекомендуется использовать по двум причинам:
Это..
Сетевой нейтралитет, вызов кода и многое другое…
автор Том Хелвик
Добро пожаловать в наш еженедельный выпуск Dev Digest, где мы собрали лучшие ссылки, которые помогут вам быть в курсе того, что происходит в мире программного обеспечения и веб-разработки. От главных новостей до советов по разработке, профессиональных советов и многого другого — мы собрали лучшие статьи, истории и видео недели со всего Интернета. Теперь давайте приступим к делу.
Внешние ресурсы, которые нам показались интересными — проверка пакетов в .NET 6..