React JS

Вы фронтендер и ещё не слышали об Astro?    Это фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие.   Дмитрий Безуглый (8+ лет опыта в Яндекс, VK и Frogly) решил разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире!    Поговорим об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации.    Встречаемся 8 июня в 19:00 (GMT+3) Не забудьте зарегистрироваться!

⚡ Как избежать повторного рендеринга компонентов React https://blog.openreplay.com/how-to-stop-react-components-from-rerendering/ @react_tg

Тем временем библиотеке React исполнилось 10 лет. Это проект, который сделал много шума в веб-индустрии и, кажется, все еще впереди. Поддержим React реакциями?

5 ошибок, которые можно допустить при запуске первого проекта React Даже самая лучшая документация не охватывает абсолютно всё. Поэтому, работая с новым инструментом, можно столкнуться с различного рода ошибками и проблемами. Это касается даже такой популярной библиотеки, как React. В этой статье автор поделился ошибками, которые допустил он и можете допустить вы, начиная свой первый проект: https://css-tricks.com/5-mistakes-starting-react/ @react_tg

​Как писать комментарии в React: хорошие, плохие и уродливые Когда дело доходит до написания комментариев, React предлагает синтаксис {/* Comment */}, который может быть немного многословен. В этой статье вы можете посмотреть, как использовать обычные комментарии JSX и ещё 2 других способа комментирования, которые могут быть лучше: https://dmitripavlutin.com/react-comments/ #react #фронтенд

⚡️ Стартовал прием заявок на Технологический конкурс НТИ Up Great «Экстренный поиск»! Участникам предстоит преодолеть комплексный технологический барьер, предусматривающий разработку технологий и технических решений, объединенных в единую систему, позволяющую эффективно использовать техническое зрение при поиске пропавших людей с применением беспилотных воздушных судов (БВС). На первом этапе (Сателлит №1) участникам необходимо разработать программное решение для поиска объектов (людей) на изображениях, полученных с БВС. Призовой фонд Сателлита №1 составляет 5 млн руб. Лучшим командам, удовлетворяющим требованиям технического регламента, организаторами будут предоставлены БВС для участия во втором этапе (Сателлит №2) и финале конкурса. Призерами и победителями могут стать только налоговые резиденты РФ. 📲 Заявки на Сателлит № 1 принимаются до 12 июня 2023 г. по ссылке. Конкурс организуется совместно МФТИ, Фондом НТИ и добровольческим поисково-спасательным отрядом «ЛизаАлерт». Общий призовой фонд составляет 135 млн руб.

Погружение в фундаментальные основы реактивного программирования: разберемся в том, что React.js всё же является реактивным, и рассмотрим кейсы, при которых целесообразно применять паттерны реактивного программирования. Читать

Обрабатываем ошибки в React: полное руководство Рассмотрим обработку ошибок в React: что делать при их появлении, как их выявить и устранить. ▪ Читать @react_tg

Mountain Hero Page — красивая страница с анимированным скроллом. Страница реализована с помощью CSS и JavaScript. https://codepen.io/aryancodeworm/pen/rNKqgpY @react_tg

React recursively re-renders child components, but there is a nuance https://alexsidorenko.com/blog/react-render-children-prop #react

⚡ Подборка ресурсов с полезными шпаргалками для фронтенд-разработчика: ▫️htmlcheatsheet ▫️cssreference ▫️reactcheatsheet ▫️cheatography ▫️javascriptcheatsheet Сохраняем себе, чтобы не потерять @react_tg

Gallery animation — анимированная галерея с эффектом при прокрутке. Реализована с помощью CSS и JavaScript. https://codepen.io/Tiopayo/pen/GRYoMEZ @javascriptv

Создание веб-приложения на Kotlin и React - часть 1/2 - Backend + Frontend 🎞 Video @react_tg

📚 Подборка бесплатных и актуальных книг по всем языкам программирования. Java книги Книги датасаентиста Golang библиотека Python библиотека Крупнейший склад ит-книг C++ книги C# книги Frontend книги Книги по базам данных Топ книги по Linux Библиотека машинного обучения Сохраняем себе, чтобы не потерять

​Тестируйте свои React-компоненты с помощью Nightwatch и Testing Library Nightwatch и Testing Library — два крайне полезных инструмента для тестирования компонентов. Первая библиотека написана на Node.js и позволяет проводить полноценное сквозное тестирование веб-приложений и сайтов, написанных на JS. В свою очередь Testing Library более минималистичный инструмент, созданный специально для тестирования React-компонентов. В этой статье вы научитесь: — устанавливать новый проект React с помощью Vite, который также используется внутри Nightwatch для компонентного тестирования; — подключать и конфигурировать Nightwatch и Testing Library; — имитировать API запросы с помощью плагина @nightwatch/api-testing; — писать комплексные React-компонентные тесты, используя Nightwatch и Testing Library. https://habr.com/ru/companies/otus/articles/719266/ #react #qa

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. 🗓 Начинаем 11 мая. Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 🔜 Запишитесь прямо сейчас!

React Quickly, Second Edition Version 5 📚 Книга @react_tg

Поэтапный перевод учебника Patterns.dev, в котором представлен современный взгляд на шаблоны проектирования, рендеринга и производительности JavaScript. 🗄 Часть 1 🗄 Часть 2

Нашли для вас ребят, с которыми можно начать карьеру разработчика без вложений, а после прохождения курса они гарантированно устроят на работу!🤩 ITM Space - один из немногих проектов в России, где ты можешь научиться React разработке бесплатно. Оплата обучения происходит только после того, как ты начнешь работать. Первая зарплата - от 120 000 рублей. 💸 1. Ты получаешь гарантию трудоустройства, если не найдешь работу - ничего не должен. 2. Будешь учиться по индивидуальной программе с личным наставником. 3. Изучишь востребованный стек технологий: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira 4. Сможешь общаться в закрытом сообществе студентов - разработчиков 5. И получишь карьерную поддержку от экспертов бессрочно: мастер-классы, митапы, консультации и тренинги. Курс подойдет тем, кто хочет войти в IT, но никогда раньше не занимался программированием. Студентам ВУЗов и выпускникам образовательных программ, которые затрудняются найти работу после обучения. Действующим Junior и Middle программистам, которые хотят выйти на новый уровень дохода. Разработчикам из других ниш, которые хотят начать разрабатывать react-приложения. 🔥 Оставь заявку и стань высокооплачиваемым программистом в сфере IT уже в 2023 году. *Количество мест ограничено. »Перейти на сайт

Scroll direction rotation — красивая галерея с эффектом наклона при скроллинге. Галерея написана с помощью SCSS и JavaScript. https://codepen.io/choogoor/pen/bGjrWVL @react_tg