React

🤖 Изоморфные React-приложения с React.js , Next.js и TRPC. Фуллстек разработка с SSR никогда не была такой простой и доступной! 🔵14 августа в 20:00 мск открытый урок онлайн курса «React.js Developer» от OTUS. На этом вебинаре мы: - научимся бутстрапить полноценные легко развертываемые приложения с клиентской и серверной частью - на примере разберем настройку сборки, процесс разработки и развертывания приложения - получим удобный набор для старта разработки любого веб-приложения на современном стеке! 🟠Это отличная возможность перенять опыт преподавателя и посмотреть на процесс обучения изнутри. Оплата курса возможна любым удобным для вас способом. ➡️ Для участия в вебинаре зарегистрируйтесь: https://otus.pw/WaPH/ Нативная интеграция. Информация о продукте www.otus.ru

Скажем нет “мерцающему” UI: useLayoutEffect и браузерная отрисовка Как изменять элементы на основе измерений DOM: в чем проблема с useEffect, как ее решает useLayoutEffect, что такое браузерная отрисовка и какую роль здесь играет SSR. https://www.developerway.com/posts/no-more-flickering-ui ✍️ @React_lib

Использование React в приложениях Angular Два сценария требуют использования React в Angular-приложении. Во-первых, в экосистеме React есть компонент, на разработку которого у нас уйдут недели, например, компонент Timeline. Во-вторых, возможно, мы приобрели компанию, использующую React, и нам необходимо интегрировать его в существующее приложение. В этой статье я покажу, как интегрировать React в обоих случаях. Начнем с самого простого случая, когда нам необходимо использовать компонент React. https://netbasal.com/using-react-in-angular-applications-1bb907ecac91 ✍️ @React_lib

React и TypeScript - Быстрый Курс Исходники на GitHub https://github.com/vladilenm/react-fast-2022 источник ✍️ @React_lib

Библиотеки React React существует уже достаточно давно. С тех пор вокруг этой компонентной библиотеки сформировалась обширная, но перегруженная экосистема библиотек. Разработчикам, пришедшим с других языков программирования или библиотек/фреймворков, часто бывает сложно разобраться во всех библиотеках для создания веб-приложений на React. https://www.robinwieruch.de/react-libraries/ ✍️ @React_lib

Наиболее распространенные ошибки при использовании React React - популярная библиотека для построения пользовательских интерфейсов, предлагающая различные возможности, которые помогают разработчикам легко создавать сложные приложения. Однако, как и в случае с любой другой технологией, при использовании React легко допустить ошибки, особенно если вы новичок. В этой статье мы рассмотрим некоторые из наиболее распространенных ошибок, которые допускают разработчики при использовании React, хуков React, управления состоянием и рендеринга компонентов. Поняв эти ошибки и научившись их исправлять, вы сможете повысить производительность, сопровождаемость и общее качество вашего приложения. https://claritydev.net/blog/the-most-common-mistakes-when-using-react ✍️ @React_lib

Каким должен быть хороший ИТ-менеджер? 👨‍💻 Ищите ответ в новом выпуске подкаста «Техно.Логично» с экспертами Газпромбанка: ИТ-лидером платформы 5NT Одоном Шоймполовым и ИТ-лидером стримов Газпром Бонус, ГПБ Мобайл и Монетизация Тимуром Мухтаровым. Гости подкаста рассказали, как: 🔷 Доверять команде и не бояться делегировать задачи 🔷 Практиковать микроменеджмент с умом 🔷 Не потерять авторитет в коллективе 🔷 Реагировать на ошибки разработчиков 🔷 Стать ИТ-лидером розничного стрима Газпромбанка Выпуск уже доступен на YouTube и основных подкаст-платформах. Подписывайтесь на подкаст «Техно.Логично» и следите за актуальными трендами российского финтеха!

Шпаргалка по React.js React - самая популярная библиотека JavaScript. Это простая, но полезная шпаргалка для энтузиастов React. Обязательно сохраните ее в закладках, чтобы иметь возможность быстро обращаться к ней. https://devhints.io/react ✍️ @React_lib

React React Custom Hooks - Пишем компонент прогресса чтения React - Компонент сравнения картинок со слайдером на TypeScript Мобильное меню с бесконечной вложенностью на React и TypeScript React и TypeScript - как писать tsx чище? Разбор Next 13 - урок по работе с app, turbopack, font, SSR Модальное окно (popup) на React с Headless UI Что нового в React Router 6.4+? Solid js - signals, createEffect, createResource. Круче React? React Hook Form - простая работа с формами Разбор Next.js Server Actions! PurpleSchool | Anton Larichev источник ✍️ @React_lib

Создание и отправка электронных писем с помощью React Коллекция высококачественных нестилевых компонентов для создания красивых электронных писем с использованием React и TypeScript. Благодаря поддержке темного режима он снижает сложность создания отзывчивых писем. Кроме того, он позаботится о несоответствиях между Gmail, Outlook и другими почтовыми клиентами. https://github.com/resendlabs/react-email ✍️ @React_lib

React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас: • уверенно разбираться в библиотеке React; • использовать TypeScript при разработке React-приложений; • тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Пройдите первый бесплатный урок

Антипаттерны и лучшие практики React - "за" и "против Может показаться, что React - один из наименее подверженных влиянию мнений фреймворков на Диком Западе Web. Несмотря на это, существует множество ошибок, которые можно совершить, и еще больше вещей, которые можно сделать, чтобы написать чистый и читабельный код. В этой статье рассказывается о 17 распространенных антипаттернах и лучших практиках в React. https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g ✍️ @React_lib

Передача props компоненту Компоненты React используют props для взаимодействия друг с другом. Каждый родительский компонент может передавать некоторую информацию своим дочерним компонентам, передавая им props. Props могут напоминать атрибуты HTML, но через них можно передавать любые значения JavaScript, включая объекты, массивы и функции. https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children ✍️ @React_lib

Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: • разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера; • познакомиться с теорией и отработать её на практике в больших проектах; • научиться брать ответственность за решения и вкладываться в общий результат; • самостоятельно декомпозировать задачи и распределять время; • исследовать смежные сферы программирования, без которых невозможен фронтенд: • информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Пройдите первый бесплатный урок

6 подходов к выборке данных в React Получение данных является ключевым аспектом любого React-приложения. Для разработчиков React очень важно понимать различные подходы к получению данных и понимать, какой из них наиболее подходит для их конкретного случая. https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3 ✍️ @React_lib

7 небольших и недооцененных библиотек React 🔥 Сегодня я расскажу о 7 небольших и недооцененных библиотеках React, которые я люблю использовать и которые могут понравиться вам. https://dev.to/naubit/7-small-underrated-react-libraries-h54 ✍️ @React_lib

Frontend meetup (Online) 1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ" В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения 2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE Рассмотрим основные подходы к разбиению монолитных фронтедов. 3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций. 4. Beyond Frontend — Алексей Тюльдюков, VK Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером 🗓 12 июля, начало в 19:00 мск, Среда 🚀 Телеграмм канал с анонсами митапов ✅ Регистрация на мероприятие

Full Modern React Tutorial #1 - Introduction #2 - Creating a React Application #3 - Components & Templates #4 - Dynamic Values in Templates #5 - Multiple Components #6 - Adding Styles #7 - Click Events #8 - Using State (useState hook) #9 - Intro to React Dev Tools #10 - Outputting Lists Все видео доступны на youtube ✍️ @React_lib

Многопоточное приложение React с использованием useWorker Если мы выполняем какую-либо требующую больших затрат задачу, она будет блокировать взаимодействие с пользовательским интерфейсом. И пользователю придется ждать, пока она завершится, чтобы выполнить любое другое действие, что создает плохое впечатление от UX. https://dev.to/nilanth/multi-threaded-react-app-using-useworker-gf8 ✍️ @React_lib