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


JSX в Реакции
JSX, также известный как JavaScript XML, представляет собой расширение синтаксиса JavaScript, используемое для написания HTML-элементов в React. JSX обладает всеми возможностями JavaScript, его легко читать, писать и отлаживать. Эти функции сделали его чрезвычайно популярным среди разработчиков. Почему разработчики предпочитают JSX? Чтобы преобразовать статическое веб-приложение в динамическое, сделав его интерактивным для пользователя, разработчики полагаются на JavaScript как на..

Сделайте ваши компоненты React красивыми 💅
В Walmart Labs мы проводим много экспертных обзоров кода, и это здорово, потому что я вижу всевозможные умные способы написания компонентов React от множества талантливых инженеров. В этом посте я поделюсь пятью моими любимыми шаблонами и ярлыками. Но сначала… Почему красивый код лучше Есть несколько способов снять шкуру с кошки и несколько способов написать компонент React. Однако то, что вы можете написать компонент любым удобным для вас способом, не означает, что вы..

JSX против HTML
Понимание различий между языком разметки React и HTML Примечание. В этой статье рассматриваются синтаксические различия между JSX и HTML. Если вы хотите лучше понять, что такое JSX и почему мы его используем, прочтите мою другую статью здесь ! В моем путешествии по изучению React я обнаружил, что чрезвычайно важно понимать практические различия между JSX и HTML. Хотя переход от написания чистого HTML к JSX, как правило, довольно прост, есть несколько ключевых отличий, о которых..

Реагировать рецепты
Если вы часто переключаетесь между языками, синтаксис становится размытым. Это шпаргалка по синтаксису для некоторых распространенных маневров в React с использованием JSX. В этом сообщении предполагается, что вы знаете как , где и зачем использовать эти инструменты, но вам просто нужно освежить синтаксис. Нужно добавить флаг к каждому элементу в наборе данных? addFlag = () => { const edited = this.state.data.map(thing => { return {...thing, flagged:false} })..