React | Разработка приложений

🆘 Остановитесь! Боишься проходить собеседования и устал сидеть без работы? Хватит это терпеть, подпишись: @console_log_js

Давайте разберём, что именно здесь происходит:/ - вызываем root.render() c React-элементом <App />. - React вызывает компонент App. - компонент App возвращает элемент  <div>Hello</div> в качестве результата. - React DOM делает минимальные изменения в DOM, чтобы получилось <div>Hello</div>. Всегда называйте компоненты с заглавной буквы. Если компонент начинается с маленькой буквы, React принимает его за DOM-тег. Например, <div /> это div-тег из HTML, а <App /> это уже наш компонент App, который должен быть в области видимости.

100+ задач по фронту, которые помогут улучшить твой скилл! Пытаешься запомнить свойства, методы и теги? —Зачем? Я тебе помогу! Начал изучать верстку и ты получаешь много информации которую не реализовываешь на практике? В последствии забываешь? —Да говорю же тебе, я помогу! Забываешь свойства css и не хватает практики? Хватит писать говнокод💩, переходи по ссылке! Админ канала ежедневно публикует задачи html/css/js

Названия компонентов должны начинаться с большой буквы Если название элемента начинается с маленькой буквы, он ссылается на встроенный компонент, к примеру <div> или <span>, что в результате приведёт к тому, что в React.createElement будет передана строка 'div' или 'span'. Компоненты, начинающиеся с заглавной буквы, такие как <Wrapper /> и <User />, компилируются в React.createElement(Wrapper) и React.createElement(User) и соответствуют компонентам, которые были объявлены или импортированы в вашем JavaScript-файле. Простыми словами, компилятор может принять компоненту с маленькой буквы за HTML тег.

При создании компонент ВСЕГДА нужно импортировать react, а иначе компилятор не сможет работать с JSX

Подчеркивание в именах методов Не используйте подчеркивание в любых внутренних методах.

В этот четверг, 21 июля в 19 МСК, друзья из AgileFluent и Solvery проведут бесплатное live собеседование на английском с software engineer. Интервьюеры: Маша Реутская, международный HR эксперт AgileFluent, 15+ лет опыта in-house в крупнейших международных компаниях. Проведёт софт-скилл интервью и даст фидбек, как улучшить ответы. Саша Черношей, Software engineer в Microsoft в Эстонии, ментор Solvery. 6 лет опыта разработки ПО и 4 года мобильной разработки на react-native для заказчиков из США и Великобритании. Проведет техническую часть интервью. 📆Дата и время: 21 июля, 19:00 по Мск. Будет полезно разработчикам, которые хотят в международную компанию или готовятся к тех интервью. И всем, кто готовится к behavioral-интервью: эта часть схожая у всех профессий. Будет интервью с кандидатом из зала — если хочешь в поучаствовать и получить фидбэк от рекрутера и нанимающего менеджера, заполняй форму тут. Очень ждем на интервью реакт-нейтивов. Записаться и получить запись можно в боте.

Используйте неявный return Неявный возврат делает ваши функции изящнее. Но не злоупотребляйте этой фичей, она уместна только в простых функциях.

Используйте деструктуризацию объектов Одна из новейших возможностей JS сделает ваш код более читаемым.

Оборачивайте в скобки JSX теги, когда они занимают больше одной строки.

Кавычки Используйте двойные кавычки для атрибутов JSX и одинарные – для всего остального кода JavaScript.

Как подготовиться к собеседованию фронтенд-разработчику и получить лучшие условия работы? Канал @itoster - для тех, кто ищет работу во фронтенде. Узнай, какие навыки и знания необходимы для трудоустройства. На канале публикуются подробные разборы вопросов, которые чаще всего спрашивают на собеседовании. Подпишись, чтобы не потерять: @itoster

Оборачивайте в скобки JSX теги, когда они занимают больше одной строки.

Короче, вот вам архивы с платными книгами, иначе так не выучите ни один язык: 📚 Полка Разработчика 📖 Кладовая Книг Ну а тут чисто поржать, пока компилятор там возится: 🚽 IT Memes Сохраняй, пригодится

Не можешь найти красивых макетов для пополнения портфолио? Канал макеты Figma для тебя!  ▫️Более 200 уникальных макетов разной сложности от новичка до гуру ▫️Макеты каждый день ▫️Удобные посты макетов в формате видео ▫️Макеты реальных проектов с фриланса ▫️Отзывчивая и уютная обстановка ▫️Проходят конкурсы и соревнования по верстке с призами Подписывайся на канал, и ты больше никогда не будешь тратить время на поиск следующего макета!

Используйте шаблонные строки (литералы) Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.

Хватит! Хватит ходить на собеседования и сидеть без работы!  Подпишись на канал и прокачивайся: @frontend_loft

GitHub теперь в Telegram! Подписывайтесь: @github

Свойствам помеченным модификатором  readonly  значение может быть присвоено только в момент инициализации, или в конструкторе того же класса. Любые другие присваивания значении запрещены.

🎓 Frontend tests - тесты и задачи с собеседований JS и React. Канал поможет найти работу. 🔥Javascript / React - канал, для прокачки навыков React и JS, подпишись и шагни на новый уровень ⚡️ Hash – канал Frontend разработчика, поможет глубже понять React и другие js фреймворки 🔋Data_analysis_ml - блог ведущего Дата саентиста, работющего с данными на JS