Публикации по теме 'jsx'


Babel в React (плагин babel-transform-react-jsx)
@babel/plugin-transform-реагировать-jsx test.jsx const profile = ( <div> <img src="avatar.png" className="profile" /> <h3>{[user.firstName, user.lastName].join(' ')}</h3> </div> ); попробуйте скомпилировать с помощью babel babel test.jsx с плагином @babel/plugin-transform-react-js x в .babelrc Установите @babel/plugin-transform-react-js x npm install @babel/core @babel/plugin-transform-react-js x..
Представляем NG-VDOM: новый способ написания приложения Angular
AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении! За последнее десятилетие фронтенд-разработка сильно изменилась. С выходом AngularJS в 2009 году декларативное представление пользовательского интерфейса стало стандартным подходом для интерфейсной веб-разработки. Angular делает декларативное программирование первоклассным гражданином за счет использования шаблонов в..
Фрагменты React: зачем и как их использовать
Фрагменты — довольно простой, но полезный синтаксис для применения при использовании JSX. Эта короткая статья покажет вам, почему существуют фрагменты, и как вы можете выбирать между использованием старого и нового синтаксиса для фрагментов ( Спойлер : вам нужно знать и использовать оба). «JSX должен иметь один родительский элемент» Обязательным правилом React является то, что ваш JSX должен иметь один родительский элемент. Для этого есть несколько веских причин , но для краткости..
Диалект JSON для хранения XML
Глядя на то, как логика добавляется в JSON в шаблонах CloudFormation и Azure, и размышляя о том, насколько полезен JSX, у меня возникла идея о способе хранения XML в JSON, который все еще остается в некоторой степени читаемым: Причина, по которой это может работать, заключается в том, что при использовании квадратных скобок, таких как шаблоны Azure Resource Manager и шорткоды WordPress , он не слишком похож на XML (угловые скобки) или Lisp (круглые скобки). Нет ничего плохого в том,..
Понимание основ использования JSX с React
ReactJS - это библиотека JavaScript, аналогичная RiotJS , используемая для создания HTML, который отображается пользователю в веб-браузере, и для Javascript на стороне браузера для интерактивности. Чтобы увидеть ReactJS вживую и в действии, вы можете посетить популярные сайты, такие как: Facebook (создатели ReactJS), Instagram , Khan Academy , New York Times , Airbnb , Flipkart и Sony Lifelog . Одним из основных преимуществ использования ReactJS является рендеринг..
Выход из тьмы ReactJS
ReactJS — библиотека или фреймворк? React — это «библиотека» JavaScript . Это не совсем "каркас". Это не полное решение, и нам часто нужно использовать больше библиотек с React, чтобы получить какое-либо решение. React ничего не предполагает о других частях любого решения. ReactJS является декларативным: В React мы используем декларативный стиль для написания наших компонентов. Давайте посмотрим на предыдущий пример с <select> : <select value={this.state.value}..
Используйте Vite для JSX без React
Если вы хотите создавать ванильные приложения JavaScript, JSX будет полезным инструментом. Вите делает это легко. Некоторое время можно было использовать JSX без React, но настройка инструментов была неудобной. В этой статье от 2020 года показан способ реализовать это самостоятельно, но с тех пор варианты расцвели. Мощный инструмент Vite означает, что мы можем полностью избежать сложностей Webpack и Babel. JSX предлагает множество возможностей для обычного разработчика..