Как вставить переменную или выражение в JSX на React?
Anonymous Quiz
17%
insert()
0%
replace()
67%
{} (фигурные скобки)
17%
<> и </> (фрагменты)
Объяснение:
JSX — это специальный синтаксис JavaScript, который помогает описывать структуру пользовательского интерфейса в библиотеке React. JSX даёт возможность сочетать HTML с JS, но не является разметкой — при компиляции он транслируется в обычный JavaScript.
Давай посмотрим, как это выглядит на практике:
Предположим, у тебя уже объявлена переменная name. Ты хочешь, чтобы она отображалась в твоём заголовке первого уровня. Запись будет выглядеть так:
const name = "Василий";
const element = <h1>Привет, {name}</h1>
Чем-то похоже на шаблонную строку, только не так громоздко, да? Конечно, это упрощённый пример. В реальности у тебя будут более сложные конструкции JSX. Но он корректный — запомни, что кроме переменных в таком же синтаксисе можно вставлять и любые выражения JavaScript.
Поэтому правильный ответ — третий, то есть фигурные скобки. Подробнее про JSX можешь прочитать здесь .
Давай посмотрим, как это выглядит на практике:
Предположим, у тебя уже объявлена переменная name. Ты хочешь, чтобы она отображалась в твоём заголовке первого уровня. Запись будет выглядеть так:
const name = "Василий";
const element = <h1>Привет, {name}</h1>
Чем-то похоже на шаблонную строку, только не так громоздко, да? Конечно, это упрощённый пример. В реальности у тебя будут более сложные конструкции JSX. Но он корректный — запомни, что кроме переменных в таком же синтаксисе можно вставлять и любые выражения JavaScript.
Поэтому правильный ответ — третий, то есть фигурные скобки. Подробнее про JSX можешь
❤2👍1
⚡️Собираемся сходить 17 августа на @piterjs, петербургский митап про JavaScript и Node.JS ⚡️
Бесплатное событие пройдёт на территории IT-компании Selectel, для ребят из других городов будет трансляция.
Бесплатное событие пройдёт на территории IT-компании Selectel, для ребят из других городов будет трансляция.
Послушай доклады от JS-программистов:
💪 Кейсы применения JS от незрячего фулстек-разработчика. Евгений Некрасов не видит монитор, но работает в крупных российских компаниях, преподаёт в ИТМО, занимается системами для умных домов, изобретает и тестирует протезы. Евгений расскажет о построении Infrastructure as code, технологиях K6, Arduino и Pulumi.
😱 Нативные расширения для Node.JS на Rust. Николай Шувалов начинал с микроконтроллеров, позже занимался веб-приложениями, сейчас работает с микросервисными приложениями. Спикер объяснит: зачем вообще понадобился Rust в приложении на JS, как интегрировать такую связку, как Rust влияет на JS.
✍️ История сообщества PiterJS от одного из тех, кто был с самого начала. Александр Коротаев работает программистом, устраивает встречи и митапы для фронтендеров. Стал писать код, потому что хотел делать игры — и постепенно начал заниматься этим на работе.
Санкт-Петербург, Цветочная ул. 19, дата-центр Selectel (понадобится паспорт или другое удостоверение личности для охраны).
Четверг, 17.08, старт в 19:00 МСК. Участие бесплатное, но нужно зарегаться.
🗺 Регистрация на живую встречу — https://forms.gle/5TfxwiZXrDMQxCyy5
🛰 Онлайн-трансляция и записи предыдущих встреч — https://www.youtube.com/@piterjs
💪 Кейсы применения JS от незрячего фулстек-разработчика. Евгений Некрасов не видит монитор, но работает в крупных российских компаниях, преподаёт в ИТМО, занимается системами для умных домов, изобретает и тестирует протезы. Евгений расскажет о построении Infrastructure as code, технологиях K6, Arduino и Pulumi.
😱 Нативные расширения для Node.JS на Rust. Николай Шувалов начинал с микроконтроллеров, позже занимался веб-приложениями, сейчас работает с микросервисными приложениями. Спикер объяснит: зачем вообще понадобился Rust в приложении на JS, как интегрировать такую связку, как Rust влияет на JS.
✍️ История сообщества PiterJS от одного из тех, кто был с самого начала. Александр Коротаев работает программистом, устраивает встречи и митапы для фронтендеров. Стал писать код, потому что хотел делать игры — и постепенно начал заниматься этим на работе.
Санкт-Петербург, Цветочная ул. 19, дата-центр Selectel (понадобится паспорт или другое удостоверение личности для охраны).
Четверг, 17.08, старт в 19:00 МСК. Участие бесплатное, но нужно зарегаться.
🗺 Регистрация на живую встречу — https://forms.gle/5TfxwiZXrDMQxCyy5
🛰 Онлайн-трансляция и записи предыдущих встреч — https://www.youtube.com/@piterjs
Почему именно фронтенд и где его освоить с нуля: сравнили в статье буткемпы, онлайн-школы, занятия с преподавателем и самостоятельное обучение 👌
Короткая версия с минусами и плюсами в карусели. Читать полностью — https://onlinekursbest.ru/gde-uchitsya-na-programmista-v-rossii 🤓
❌ Не рассматривали ВУЗы — это дорого и долго. Ты потратишь четыре года и не меньше 200–300 тысяч руб. за год., если мы говорим про Петербург и Москву.
✅ Есть положительный или печальный опыт обучения программированию в России? Если хочешь поделиться своей историей, расскажи в комментариях или в нашем телеграм-чате.
Короткая версия с минусами и плюсами в карусели. Читать полностью — https://onlinekursbest.ru/gde-uchitsya-na-programmista-v-rossii 🤓
❌ Не рассматривали ВУЗы — это дорого и долго. Ты потратишь четыре года и не меньше 200–300 тысяч руб. за год., если мы говорим про Петербург и Москву.
✅ Есть положительный или печальный опыт обучения программированию в России? Если хочешь поделиться своей историей, расскажи в комментариях или в нашем телеграм-чате.
🔥2🤔1
Буткемп по фронтенд-разработке (JS, React, HTML/CSS) стартует 19 сентября 😇
🔥 Офлайн в СПб и онлайн — 220 тыс. руб. при оплате до 8 сентября. После — 230 тыс. 🔥
🙀 Какие подводные? Придётся сосредоточиться только на программировании — в буткемпе 3 месяца занимаются полную пятидневку с 12 до 19 часов, а в остальное время кодят самостоятельно.
😼 Какой профит? Ты закончишь буткемп уже в этом году и зимой/весной 2024 найдёшь первую работу. Примерно 75% наших выпускников устраиваются за 2–3 месяца после обучения.
😻 Почему именно SaintCode? Мы не даём громких обещаний, но предоставляем всё для устройства на первую работу. Актуальные технологии, моментальный ответ преподавателя, карьерная подготовка и возможность получить коммерческий опыт в студии при школе.
Запишись на бесплатную консультацию — https://saintcode.ru/?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=start1909 👌
🔥 Офлайн в СПб и онлайн — 220 тыс. руб. при оплате до 8 сентября. После — 230 тыс. 🔥
🙀 Какие подводные? Придётся сосредоточиться только на программировании — в буткемпе 3 месяца занимаются полную пятидневку с 12 до 19 часов, а в остальное время кодят самостоятельно.
😼 Какой профит? Ты закончишь буткемп уже в этом году и зимой/весной 2024 найдёшь первую работу. Примерно 75% наших выпускников устраиваются за 2–3 месяца после обучения.
😻 Почему именно SaintCode? Мы не даём громких обещаний, но предоставляем всё для устройства на первую работу. Актуальные технологии, моментальный ответ преподавателя, карьерная подготовка и возможность получить коммерческий опыт в студии при школе.
Запишись на бесплатную консультацию — https://saintcode.ru/?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=start1909 👌
🔥2
✨ Вебинар «Как стать программистом, совмещая с работой или воспитанием детей» пройдёт 29 августа в 19:00 МСК ✨
Встречу проведёт Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант. У него в гостях 3 выпускника нашей школы 👇
Встречу проведёт Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант. У него в гостях 3 выпускника нашей школы 👇
🔥3👍1
🏋️♀️ Юля Ковылина. Совмещала обучение в буткемпе с воспитанием двоих детей. После выпуска попробовала себя в айти, обучила программированию детей и планирует открыть собственную детскую школу кодинга.
🏋️♀️ Надя Корвин. Совмещала обучение с работой, подготовкой к выпускному у дочери-подростка и подготовкой к собственной свадьбе. Работает фронтенд-разработчиком и менеджером проектов в студии Kojo при нашей школе.
🏋️♂️ Тёма Бобарикин. Совмещал обучение с работой официантом в общепите. Тёма отучился в буткемпе, преподавал студентам JavaScript. Сейчас пишет бэкенд на проекте Frontiers (один из клиентов Kojo).
Приходи, если хочешь вкатиться в веб-разработку 🎯 Будем разбирать ошибки начинающих программистов, способы учиться эффективнее (все гости явно справились с этой задачей) и обсудим, как новичку искать первую работу в айти.
💡 Вторник, 29 августа, 19:00. Участие бесплатное. Запишись на вебинар — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar2908 💡
🏋️♀️ Надя Корвин. Совмещала обучение с работой, подготовкой к выпускному у дочери-подростка и подготовкой к собственной свадьбе. Работает фронтенд-разработчиком и менеджером проектов в студии Kojo при нашей школе.
🏋️♂️ Тёма Бобарикин. Совмещал обучение с работой официантом в общепите. Тёма отучился в буткемпе, преподавал студентам JavaScript. Сейчас пишет бэкенд на проекте Frontiers (один из клиентов Kojo).
Приходи, если хочешь вкатиться в веб-разработку 🎯 Будем разбирать ошибки начинающих программистов, способы учиться эффективнее (все гости явно справились с этой задачей) и обсудим, как новичку искать первую работу в айти.
💡 Вторник, 29 августа, 19:00. Участие бесплатное. Запишись на вебинар — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar2908 💡
🔥2
Говорят, что нейросети убьют программирование, но до качественного результата им ещё далеко 💯
Поэтому не стоит бояться, что программистов в ближайшие годы заменит искусственный интеллект. Нейросети могут неплохо помогать с рутинными задачами, но написать полноценный код — едва ли.
✅ Кстати, недавно сняли про это короткое видео с основателем SaintCode Bootcamp Женей Гриценко. Если боишься, что нейросети заменят программистов, переходи в наш инстаграм и смотри — https://www.instagram.com/p/CwQMEE7tQ3E/
Поэтому не стоит бояться, что программистов в ближайшие годы заменит искусственный интеллект. Нейросети могут неплохо помогать с рутинными задачами, но написать полноценный код — едва ли.
✅ Кстати, недавно сняли про это короткое видео с основателем SaintCode Bootcamp Женей Гриценко. Если боишься, что нейросети заменят программистов, переходи в наш инстаграм и смотри — https://www.instagram.com/p/CwQMEE7tQ3E/
🔥2😁1
Перед тобой обычное выражение на JavaScript, но в чём здесь подвох? 🤷♂️
Кто уже изучает JS, наверняка легко ответит на этот вопрос. Если ты в тупике и не понимаешь о чём речь — читай объяснение ниже 👌
На всякий случай дублируем выражение текстом:
console.log(0.1 + 0.2 == 0.3);
Здесь двойное равно "==", которое означает нестрогое равенство в JS.
Кто уже изучает JS, наверняка легко ответит на этот вопрос. Если ты в тупике и не понимаешь о чём речь — читай объяснение ниже 👌
На всякий случай дублируем выражение текстом:
console.log(0.1 + 0.2 == 0.3);
Здесь двойное равно "==", которое означает нестрогое равенство в JS.
🔥2
Объяснение задачи:
Всё дело в том, как JavaScript работает с числами с плавающей точкой. Язык работает по стандарту IEEE 754, из-за этого некоторые десятичные дроби не могут быть представлены в нём с точностью 100%.
Нам кажется, что 0.1 и 0.2 — простые десятичные дроби. Но в JS они являются бесконечными периодическими дробями в двоичной системе. Поэтому в сумме они дадут 0.30000000000000004, можешь проверить это в консоли самостоятельно. А значит правильный ответ — false.
Где это может повстречаться и вызвать сложности? С такой проблемой сталкиваются программисты при разработке интернет-магазинов: если цены указаны в точности до копеек или центов (например, 102.9 или 35.5), при подсчёте общей суммы заказа будет набегать такая вот небольшая «джаваскрипт-комиссия» 🙃
Нам кажется, что 0.1 и 0.2 — простые десятичные дроби. Но в JS они являются бесконечными периодическими дробями в двоичной системе. Поэтому в сумме они дадут 0.30000000000000004, можешь проверить это в консоли самостоятельно. А значит правильный ответ — false.
Где это может повстречаться и вызвать сложности? С такой проблемой сталкиваются программисты при разработке интернет-магазинов: если цены указаны в точности до копеек или центов (например, 102.9 или 35.5), при подсчёте общей суммы заказа будет набегать такая вот небольшая «джаваскрипт-комиссия» 🙃
🔥2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Почему вебинары — это полезно для начинающего веб-разработчика? 🙄
Рассказывает Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант.
Рассказывает Женя Гриценко, основатель SaintCode Bootcamp и карьерный консультант.
🔥2❤1👍1
Чаще всего на вебинарах мы видим два типа людей:
👍 Ты приходишь с нулевыми знаниями. Мы рассказываем, какое направление выбрать, как организовать эффективный процесс обучения, на что обратить внимание и какие актуальные технологии нужно знать, чтобы устроиться на первую работу.
👍 Ты приходишь после (или во время) обучения самостоятельно, в онлайн-школе или с репетитором. Мы рассказываем, как упорядочить свои знания, развивать мышление и избежать главной проблемы начинающего программиста — когда ты можешь повторить код по видео или за преподавателем, но сам не способен ничего написать с нуля.
Главный плюс вебинара — это возможность перенять опыт других программистов. Ты сможешь задать кучу вопросов людям, которые уже работают в айти: основателю нашей школы, выпускникам, преподавателям и приглашённым спикерам.
Интересно? 🙂 Ближайший вебинар SaintCode Bootcamp пройдёт во вторник, 29 августа, в 19:00 МСК. Тема: «Вебинар: Как стать программистом с нуля, совмещая с работой или детьми?».
Переходи по ссылке и регистрируйся, участие бесплатное — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar2908 👌
👍 Ты приходишь с нулевыми знаниями. Мы рассказываем, какое направление выбрать, как организовать эффективный процесс обучения, на что обратить внимание и какие актуальные технологии нужно знать, чтобы устроиться на первую работу.
👍 Ты приходишь после (или во время) обучения самостоятельно, в онлайн-школе или с репетитором. Мы рассказываем, как упорядочить свои знания, развивать мышление и избежать главной проблемы начинающего программиста — когда ты можешь повторить код по видео или за преподавателем, но сам не способен ничего написать с нуля.
Главный плюс вебинара — это возможность перенять опыт других программистов. Ты сможешь задать кучу вопросов людям, которые уже работают в айти: основателю нашей школы, выпускникам, преподавателям и приглашённым спикерам.
Интересно? 🙂 Ближайший вебинар SaintCode Bootcamp пройдёт во вторник, 29 августа, в 19:00 МСК. Тема: «Вебинар: Как стать программистом с нуля, совмещая с работой или детьми?».
Переходи по ссылке и регистрируйся, участие бесплатное — https://saintcode.ru/webinar?utm_source=telegram_direct&utm_medium=post&utm_campaign=organic_social&utm_content=webinar2908 👌
🔥1