Часто при изучении React пользователи сталкиваются с таким понятием, как «JSX». Возникает непонимание и вопрос: «А что это такое — JSX, и почему эту технологию так нахваливают?». Давайте разбираться вместе.
Хочется заметить, что React может функционировать и без JSX, но именно работа с этой технологией выделяет его среди подобных ему инструментов и делает привлекательным для его последователей. Кстати, этот технологический подход к программированию впервые был презентован во время использования библиотеки React.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar sed nec tortor nunc netus vel. Bibendum non sit lorem nulla tempor convallis. Non elementum ultricies tellus diam aliquet aenean. Habitasse neque posuere tellus ipsum id amet, egestas. Turpis neque, quam ultrices mauris. Eget rhoncus vehicula tempus urna, vivamus netus sed platea. Pretium commodo eleifend a ut nullam neque aliquam. Aenean aenean dolor diam cursus. Metus aliquam consectetur aliquet nunc egestas et in. Senectus ipsum vulputate ultrices massa est risus. Lorem cras donec purus faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar sed nec tortor nunc netus vel. Bibendum non sit lorem nulla tempor convallis. Non elementum ultricies tellus diam aliquet aenean. Habitasse neque posuere tellus ipsum id amet, egestas. Turpis neque, quam ultrices mauris. Eget rhoncus vehicula tempus urna, vivamus netus sed platea. Pretium commodo eleifend a ut nullam neque aliquam. Aenean aenean dolor diam cursus. Metus aliquam consectetur aliquet nunc egestas et in. Senectus ipsum vulputate ultrices massa est risus. Lorem cras donec purus faucibus.
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
return (
{block}
)
}
export $initHighlight;Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar sed nec tortor nunc netus vel. Bibendum non sit lorem nulla tempor convallis. Non elementum ultricies tellus diam aliquet aenean. Habitasse neque posuere tellus ipsum id amet, egestas. Turpis neque, quam ultrices mauris. Eget rhoncus vehicula tempus urna, vivamus netus sed platea. Pretium commodo eleifend a ut nullam neque aliquam. Aenean aenean dolor diam cursus. Metus aliquam consectetur aliquet nunc egestas et in. Senectus ipsum vulputate ultrices massa est risus. Lorem cras donec purus faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar sed nec tortor nunc netus vel. Bibendum non sit lorem nulla tempor convallis. Non elementum ultricies tellus diam aliquet aenean. Habitasse neque posuere tellus ipsum id amet, egestas. Turpis neque, quam ultrices mauris. Eget rhoncus vehicula tempus urna, vivamus netus sed platea. Pretium commodo eleifend a ut nullam neque aliquam. Aenean aenean dolor diam cursus. Metus aliquam consectetur aliquet nunc egestas et in. Senectus ipsum vulputate ultrices massa est risus. Lorem cras donec purus faucibus.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar sed nec tortor nunc netus vel. Bibendum non sit lorem nulla tempor convallis. Non elementum ultricies tellus diam aliquet aenean. Habitasse neque posuere tellus ipsum id amet, egestas. Turpis neque, quam ultrices mauris. Eget rhoncus vehicula tempus urna, vivamus netus sed platea. Pretium commodo eleifend a ut nullam neque aliquam. Aenean aenean dolor diam cursus. Metus aliquam consectetur aliquet nunc egestas et in. Senectus ipsum vulputate ultrices massa est risus. Lorem cras donec purus faucibus.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In turpis curabitur sed sem sed tortor leo ac. Cras vulputate imperdiet erat mauris augue dis. Mattis tempus eu id lorem pharetra, suspendisse vitae consectetur nunc. Eu fringilla id quis quis. Nunc tempor, eu mauris sodales nisl venenatis diam. Aliquam ornare massa ornare natoque.
