React
رفتن به کانال در Telegram
Подборки по React js и все что с ним связано. По всем вопросам @evgenycarter
نمایش بیشتر
شبکه:2 679
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-37 روز
-1130 روز
آرشیو پست ها
2 679
⁉️ Только начинаешь свой путь в IT, и для трудоустройства не хватает реального опыта работы?
Знакомая история? Тогда давай к нам! 🚀
PREAX — онлайн-стажировка для frontend-разработчиков.
Помогаем накопить реальный 💪 опыт, формируем кадровый резерв для работодателей и привлекаем лучших к коммерческим заказам.
ЧТО ВНУТРИ?
🔖 Пять больших проектов. Пополнишь портфолио крутыми кейсами.
🔖 Спринты и дедлайны. Научишься рассчитывать время и укладываться в сроки.
🔖 Работа с легаси. Исправишь ошибки, оптимизируешь код и сделаешь рефакторинг.
🔖 Пачка код-ревью. Поделишься опытом и увидишь, как сделать свой код еще лучше.
🔖 Поддержка сообщества. Сможешь задать вопрос и получить совет, если нужна помощь.
🔖 Новый стек технологий. Закрепишь на практике и расширишь стек технологий.
🔖 Гибкий график. Сможешь выстраивать нагрузку, легко совмещая её с работой или учебой.
В итоге получишь реальный опыт работы в команде!
Попробуй! 1-й спринт — 🆓 БЕСПЛАТНО!
Реклама, ООО «Преакс Плэтформ», ОГРН 1237700372755
2 679
🔥Новый React core hook ➡️ useActionState
Исправление путаницы/ограничений в
useFormState
- Переименовывает useFormState в useActionState
- Возвращает состояние ожидания
- Перемещает хук в пакет react вместо react-dom
Теперь React Native разработчики тоже могут использовать его!
✍️ @React_lib2 679
⚛️ Совет по React💡
Ввод возвращаемых значений пользовательских хуков с помощью TypeScript
✍️ @React_lib
2 679
Лучшие практики React-разработки собраны на бесплатном вебинаре Optimizing React: Web & Beyond!
13 марта команда разработчиков Social Discovery Group на примере реальных кейсов расскажут про:
Как оптимизировать React-приложения и снизить нагрузку на устройства;
Как основные «фичи» React нашли себе применение в монтаже видео, 3D графике и написании ботов;
Как не сломать мемоизацию в React.
📅 Дата: 13 марта, 19:00 (GMT+4)
🔉 Язык: русский
Регистрируйтесь на вебинар 👉🏻 здесь 👈🏻
2 679
6 подходов к выборке данных в React
Получение данных является ключевым аспектом любого React-приложения. Для разработчиков React очень важно понимать различные подходы к получению данных и понимать, какой из них наиболее подходит для их конкретного случая.
https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3
✍️ @React_lib
2 679
Отправка электронных писем из вашего приложения React
В этой статье показано, как интегрировать пакет React-Email и платформу Resend, чтобы упростить эту задачу.
https://blog.openreplay.com/sending-emails-from-your-react-app/
✍️ @React_lib
2 679
Как разрабатывать CLI на Node.js?
Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете:
1. Введение в CLI-разработку
2. Основы работы с Node.js
3. Создание интерфейса CLI
4. Обработку пользовательского ввода
5. Взаимодействие с файловой системой и внешними API
6. Тестирование и отладку
7. Лучшие практики и советы разработки CLI
Встречаемся 6 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение!
Пройдите небольшой тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://vk.cc/cv0pDh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
2 679
Реализация React Query в веб-приложении
В этом уроке рассмотрим, как интегрировать React Query в базовое веб-приложение. React Query — мощная библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. Мы создадим простое приложение, получающее данные из API с открытым исходным кодом, и используем Bootstrap для применения стилей.
https://smhatre59.medium.com/react30-project-17-implementing-react-query-in-a-web-app-c6931895ea0a
✍️ @React_lib
2 679
Full-Stack Flask and React: Learn, code, and deploy powerful web applications with Flask 2 and React 18
Автор: Olatunde Adedeji (2023)
Начиная с введения в React, библиотеку JavaScript для создания высокоинтерактивных и многократно используемых пользовательских интерфейсов, вы перейдете к моделированию данных для веб с помощью SQLAlchemy и PostgreSQL, а затем освоите разработку Restful API. Эта книга поможет вам определить пользователей приложения и управлять доступом к веб-приложению. Вы также изучите модульную архитектуру веб-приложений на базе Flask и освоите методы обработки ошибок. Перед развертыванием веб-приложения на AWS в книге рассказывается о том, как интегрировать лучшие практики модульного тестирования для обеспечения надежности и функциональности кода, чтобы сделать ваши приложения не только эффективными и быстрыми, но и надежными.
✍️ @React_lib
2 679
Test-Driven Development with React and TypeScript: Building Maintainable React Applications, 2nd Edition
Автор: Juntao Qiu (2023)
Применяйте принципы управления тестированием для создания
масштабируемых и поддерживаемых приложений React. В книге рассматривается широкий спектр вопросов, включая настройку среды тестирования и использование популярных фреймворков тестирования Cypress, Jest и библиотеки React Testing Library. Кроме того, в книге рассматриваются ценные приемы рефакторинга, а также повышение уровня сопровождаемости и читабельности кода. Эта книга повышает качество примеров кода за счет использования TypeScript, основного языка в современной фронтенд-разработке, что позволяет глубже понять, как принципы TDD могут быть применены к проектам на React.
✍️ @React_lib
2 679
❌ Избегайте prop-drilling компонентов в React.
✅ Вместо этого используйте композицию
✍️ @React_lib
2 679
Лучшие практики разработки сложных приложений на основе форм с помощью React Hook Form и поддержки TypeScript
Ранее я уже погружался в сферу интеграции React Hook Form с Redux, изучая способы использования возможностей этих двух важнейших инструментов для создания динамических форм в приложениях React. Однако на этом мое путешествие не закончилось. В процессе работы над этим проектом я погрузился в тонкости разработки сложных приложений на основе форм. Глубокое погружение в разработку форм открыло для меня множество повторяющихся паттернов, бесценных лучших практик и идей, которые существенно повлияли на мой подход к коду, принятию решений и архитектурному дизайну - особенно при работе над крупными приложениями на основе форм.
https://orizens.com/blog/best_practices_for_developing_complex_form-based_apps_with_react_hook_form_and_typescript_support/
✍️ @React_lib
2 679
Делаем авторизацию через facebook
https://github.com/keppelen/react-facebook-login
✍️ @React_lib
2 679
⚛️ В React рендеринг больших списков или таблиц может снижать производительность
Как это исправить? Виртуализация! Процесс рендеринга только части большого набора данных (достаточно, чтобы заполнить область просмотра).
✅ Значительно улучшает время рендеринга.
✅ Снижается потребление памяти.
✍️ @React_lib
2 679
Ускорить таблицу на React в 1 000 раз, изменив лишь одну строку
JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс.
https://habr.com/ru/companies/netologyru/articles/750246/
original https://jpcamara.com/2023/03/07/making-tanstack-table.html
✍️ @React_lib
2 679
Инструмент, который нужен тестировщику на React.js
Изучите его на бесплатном практическом уроке «React Testing Library» от OTUS, где мы:
1. Применим на практике подход к разработке компонентов на React.js через тестирование
2. Освоим написание модульных тестов для компонентов, контроль корректности обработки событий и документирование технического решения
3. Научимся упрощать рефакторинг, сокращать количество ошибок на проде и упрощать командную работу
4. Разберём использование react testing library и jest
5. Получим навык описания тестовых сценариев и автоматизации тестирования
Занятие пройдёт 14 февраля в 20:00 мск и будет приурочено к старту курса «React.js Developer». Доступна рассрочка на обучение!
Пройдите короткое тестирование прямо сейчас, чтобы занять место на открытом уроке и получить запись: https://vk.cc/cusYcX
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
2 679
Создание UI-компонентов React на продвинутом уровне
React — хорошая библиотека. Так давайте сделаем ее еще лучше, создавая многоразовые компоненты на высокопрофессиональном уровне.
Для использования этого руководства достаточно базовых знаний о React, TypeScript и Tailwind CSS.
В качестве примера поработаем с button, но принципы, которым будем следовать здесь, применимы к любому HTML-тегу.
const Button = ({children, className}) => {
return (
<button className={className}>{children}</button>
)
}
Приведенный выше код работает, но что, если понадобится ввести ARIA (accessible rich internet application attribute — доступные полнофункциональные интернет-приложения), ссылки или любые другие свойства обычного тега button?
https://medium.com/@emmanuelalozie69/build-react-ui-components-like-a-senior-developer-21c7b22408d2
✍️ @React_lib2 679
Создание компонента тоста
В начале этого года я создал библиотеку Toast для React под названием Sonner. В этой статье я расскажу вам о некоторых уроках и ошибках, которые я совершил при ее создании.
https://emilkowal.ski/ui/building-a-toast-component
✍️ @React_lib
