React

Микросервисы — популярный способ создания и поддержки современных веб-сервисов. Развиваетесь в веб-разработке? Узнайте, как создавать микросервисы при помощи NodeJS и GRPC 18 мая в 20:00 состоится вебинар «NodeJS + Microservices». За 1,5 часа вы узнаете, как создавать микросервисы с использованием протокола gRPC. На занятии мы разберем: — Плюсы и минусы микросервисного подхода — Как мигрировать монолит на микросервисы — Решение на базе NodeJS + протокола GRPC. В результате у вас будет база для создания своего микросервиса на NodeJS. Открытый урок бесплатный и состоится в рамках онлайн-курса «Node.js Developer» в OTUS. Продолжить обучение вы сможете уже на курсе, на него действуют разные способы оплаты. Для участия пройдите вступительный тест https://otus.pw/v3rQ/ Нативная интеграция. Информация о продукте www.otus.ru

Добавьте движение в свои приложения с помощью одной строки кода AutoAnimate - это анимационная утилита с нулевой конфигурацией, которая добавляет плавные переходы в ваше веб-приложение. Вы можете использовать ее с React, Solid, Vue, Svelte или любым другим приложением JavaScript. https://auto-animate.formkit.com/ ✍️ @React_lib

5 небольших и скрытых библиотек React, которые вы уже должны использовать В этой статье я расскажу о небольших и малоизвестных библиотеках, которые я нашел и использую каждый день и которые избавят вас от головной боли. Итак, давайте начнем! https://javascript.plainenglish.io/5-small-and-hidden-react-libraries-you-should-already-be-using-49c8725c492f ✍️ @React_lib

Какие паттерны в React нужно знать JS-разработчику? ✔️Разберем основные паттерны на открытом уроке 16 мая в 20:00 мск в OTUS. Занятие пройдет в рамках онлайн-курса «React.js Developer» в OTUS. На занятии мы также применим несколько часто встречающихся паттернов на практике. Больше навыков работы с React.js вы сможете получить на курсе. Хороший разработчик всегда думает о качестве и удобстве использования кода, особенно при написании библиотек компонентов. Сообщество React разработало несколько классных паттернов, которые помогут создать идеальные компоненты с лучшей контролируемостью и расширяемостью. ✍️Для участия пройдите вступительный тест https://otus.pw/zvzdK/ Курс доступен в рассрочку. Нативная интеграция. Информация о продукте www.otus.ru

A cure for React useState hell? https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi ✍️ @React_lib

Читаем исходный код – Chakra UI Я провел более года в качестве главного инженера в одной из команд News UK по разработке платформ, где мы создавали библиотеки и инструменты для других инженеров компании. Одним из таких инструментов была фантастическая система проектирования. И хотя я не имел к ней никакого отношения, она заставила меня глубже задуматься о многократно используемых компонентах. https://alexkondov.com/reading-code-chakra-ui/ ✍️ @React_lib

🎯 Тест по Node JS от OTUS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

Понимание серверных компонентов в React 18 и Next.js 13 С выходом Next.js 13 у них появился новый каталог /app, который имеет более новые подходы к рендерингу, выборке данных, а также использует новейшие компоненты React Server Components. https://programmingwithmosh.com/react/understanding-server-components-in-react-18-and-next-js-13/ ✍️ @React_lib

Реализация слайдера изображений и текста на React.js с вариантами оптимизации В данной статье мы разберем задание, которое может встретиться в рамках собеседования на должность фронтенд-разработчика, а именно реализацию слайдера изображений. https://betterprogramming.pub/implementing-image-and-text-slider-with-react-js-and-optimizations-7a16af998548 ✍️ @React_lib

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

Как избежать хитрых ловушек в асинхронных стейт менеджерах В наши дни подход local-first к созданию веб-приложений набирает все большую популярность. Большинство таких баз данных предоставляют асинхронные API, и это существенно влияет на работу наших приложений React. https://evilmartians.com/chronicles/how-to-avoid-tricky-async-state-manager-pitfalls-react ✍️ @React_lib

Как создавать собственные пользовательские React Hooks React Hooks открывают совершенно новый способ написания функциональных компонентов, позволяя нам добавлять возможности, доступные для компонентов класса, например, логику с состоянием. https://blog.logrocket.com/create-your-own-custom-react-hooks/ ✍️ @React_lib

useSignal() — будущее веб-фреймворков Signal - это способ хранения состояния вашего приложения, аналогичный useState() в React. Но есть несколько ключевых отличий, которые дают Signals преимущество. https://www.builder.io/blog/usesignal-is-the-future-of-web-frameworks ✍️ @React_lib

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/gAzL/ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Реклама. Информация о рекламодателе на сайте www.otus.ru

Будущее рендеринга в React Популярность React как библиотеки для создания пользовательского интерфейса за последние несколько лет только росла и довольно быстро. На момент написания этой статьи она имеет более 14 миллионов еженедельных загрузок с npm, что, как я знаю, не является корректным показателем популярности библиотеки, но одно только расширение React Devtools chrome имеет более 3 миллионов еженедельных активных пользователей. Тем не менее, шаблоны рендеринга в React практически не менялись до появления React 18. https://prateeksurana.me/blog/future-of-rendering-in-react/ ✍️ @React_lib

React, я люблю тебя, но ты сводишь меня с ума Ты у меня не первый. До тебя у меня были длительные отношения с jQuery, Backbone и Angular. Я знал, чего следует ожидать от фреймворка: лучший пользовательский интерфейс, продуктивность и опыт разработки, но также фрустрация от необходимости изменения способа написания кода в угоду парадигме фреймворка. Когда я тебя встретил, я находился в длительных отношениях с Angular. Я был измотан watch и digest, не говоря уже о scope. Я искал то, что не заставляло бы меня чувствовать себя несчастным. Rus https://habr.com/ru/companies/timeweb/articles/693072/ Eng https://marmelab.com/blog/2022/09/20/react-i-love-you.html ✍️ @React_lib

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

React рекурсивно рендерит дочерние компоненты, но есть один нюанс https://alexsidorenko.com/blog/react-render-children-prop/ ✍️ @React_lib

Reactjs Reactjs Hooks, простыми словами useEffect hook, простыми словами Reactjs Hooks изнутри, на модели useSyncExternalStore hook, простыми словами источник ✍️ @React_lib

🚀 Собеседование React Frontend Собеседование JUNIOR frontend REACT ТОП 10 вопросов на собеседовании ReactJS Собеседование ReactJS - вопросы и ответы источник ✍️ @React_lib