React

Как начать React-проект в 2023 году Здесь я хочу дать краткий обзор стартовых наборов для создания нового проекта на React. Я хочу поразмышлять о преимуществах и недостатках, о необходимом уровне квалификации разработчика и о том, какие возможности каждый стартовый проект может предложить вам как разработчику React. В конце вы узнаете о трех решениях для различных требований. https://www.robinwieruch.de/react-starter/ ✍️ @React_lib

🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS https://otus.pw/xr3W/ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

Создание конструктора резюме с помощью React, NodeJS и искусственного интеллекта 🚀 В этой статье вы узнаете, как создать конструктор резюме с помощью React, Node.js и OpenAI API. Что может быть лучше, чем искать работу и говорить, что для этого вы создали конструктор резюме с искусственным интеллектом? 🤩 https://dev.to/novu/creating-a-resume-builder-with-react-nodejs-and-ai-4k6l ✍️ @React_lib

React: интересная схема работы с формами В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для валидации пользовательских данных. Применение данной схемы имеет несколько существенных преимуществ по сравнению с использованием других решений или реализацией необходимого функционала вручную. Главными преимуществами являются минимизация количества шаблонного кода и автоматическое выведение типов (type inference). https://habr.com/ru/companies/timeweb/articles/722108/ ✍️ @React_lib

Анимация View Transitions в React API View Transitions предлагает простой способ перехода любого визуального изменения DOM из одного состояния в другое. Это могут быть как небольшие изменения, например, переключение содержимого, так и более широкие изменения, например, переход с одной страницы на другую. Ниже приведена демонстрация работы API View Transitions в одностраничном приложении (SPA) https://www.patterns.dev/posts/view-transitions ✍️ @React_lib

UI-компоненты для React: топ-10 библиотек и фреймворков https://dev.to/nilanth/10-react-packages-with-1k-ui-components-2bf3 ✍️ @React_lib

Руководство по дополнительным параметрам Reacts Знаете ли вы, что в React API есть несколько необязательных и альтернативных параметров? Скрытые дополнительные параметры, которые обеспечивают "бонусное поведение". Большинство из них предназначены для оптимизации и помогают выжать максимум производительности из вашего приложения React. Хотя эти параметры не являются самыми важными для понимания React, полезно иметь четкое представление обо всех имеющихся в вашем распоряжении инструментах. Итак, давайте подробнее рассмотрим эти скрытые дополнительные возможности. Мы рассмотрим их в порядке убывания распространенности. https://julesblom.com/writing/react-optional-parameters ✍️ @React_lib

Распространенные ошибки новичков при работе с React Пару лет назад я преподавал React в местном учебном центре программирования и заметил, что есть несколько вещей, которые постоянно застают студентов врасплох. Люди постоянно попадали в одни и те же ямы! В этом уроке мы рассмотрим 9 наиболее распространенных проблем. Вы узнаете, как их обойти и, надеюсь, избежать многих разочарований. Чтобы сохранить легкость и непринужденность, мы не будем слишком углубляться в причины этих проблем. Это скорее краткая справка. https://www.joshwcomeau.com/react/common-beginner-mistakes/ ✍️ @React_lib

🤖 Изоморфные 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 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Пройдите первый бесплатный урок