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


ReactJS: циклы в JSX
ReactJS: циклы в JSX Почему React? В настоящее время разработчики знают, что мир Javascript постоянно меняется. Каждый день появляется новая библиотека, фреймворк или даже обновление самого языка, и мы, как разработчики, должны знать об этом. Сегодня я собираюсь рассказать об одной из многих особенностей **React JS**: _Циклах в JSX_, но, прежде чем я углублюсь в это, возможно, вы задаетесь вопросом _"Что это за штука React JS?"_. **React JS** или просто **React** — это библиотека..
Использование React для XML и SVG
React - отличный инструмент не только для HTML, но и для безопасного и эргономичного создания любого документа на основе XML. Фактически, мы использовали немного больше, чем React + SVG, чтобы построить весь редактор топо-кода в Boltline : JSX ≠ HTML Однако есть пара вещей, которые очень важно помнить при использовании React для XML. Несмотря на «разметку» JSX, на самом деле вы создаете не строки, а объект JS; поля не обязательно соответствуют атрибутам HTML, но относятся к..
Условный рендеринг в React
6 способов реализовать CR в React.js Условный рендеринг кажется стандартным вопросом для проблем с кодом. Я помню, когда получил его на тесте. На самом деле я был приятно удивлен. Ну кто не умеет пользоваться условным рендерингом. Но сколько способов вы знаете? Условный рендеринг в языке React - это способ рендеринга различных элементов или компонентов в зависимости от условия. Эта концепция часто применяется в следующих сценариях: Отображение внешних данных из API..
«Введение в React: создание эффективных пользовательских интерфейсов с помощью JavaScript»
«Введение в React: создание эффективных пользовательских интерфейсов с помощью JavaScript» React — это популярная библиотека JavaScript для создания пользовательских интерфейсов. Он был разработан Facebook и часто используется для создания одностраничных приложений и мобильных приложений. Одной из ключевых особенностей React является его способность эффективно обновлять пользовательский интерфейс в ответ на изменения базовых данных. Это стало возможным благодаря концепции виртуального..
Путь React
React.Js - это библиотека для построения пользовательских интерфейсов. По сути, React не считается фреймворком, как Ember, Angular и т. Д. React - это V в MVC . Он охватывает концепцию одностороннего потока данных / однонаправленного потока данных, в отличие от двусторонней привязки данных Angular. С моей точки зрения, изучение React легко по сравнению с Angular, потому что React использует ванильный JavaScript для создания реактивных пользовательских интерфейсов. Недавно они..
Новый контекстный API и логика просмотра
Новый Context API, представленный в React 16.3 , произвел настоящий фурор в сообществе React. Некоторые не в восторге, некоторые заявляют о скорой смерти Redux. Тем не менее, я предпочитаю сосредоточиться на полезных приложениях нового паттерна. Когда я начал использовать новый Context API, я обнаружил, что все чаще обращаюсь к нему для выполнения небольших, ограниченных задач логики просмотра . Некоторые простые шаблоны многократного использования, такие как вкладки и модальные..
Подводные камни React: не используйте замыкания в качестве компонентов
Исходя из ClojureScript, я провел последнюю неделю, пытаясь сделать React и Redux в Javascript. Я был очень доволен результатом, за исключением того факта, что React, похоже, не выполнил своего обещания внести минимальные изменения в DOM. Это стало особенно очевидно, когда я вставил текстовое поле, и оно теряло фокус при каждом нажатии клавиши. Я явно делал что-то очень неправильное. После нескольких часов прогрева дата-центров Google я был готов сдаться. Я поставил ключи на все,..