REact
الذهاب إلى القناة على Telegram
Статьи, уроки, инструменты и все что связано с reactjs. По вопросам сотрудничества- @Daily_admin_info По иным темам @un_ixtime
إظهار المزيد1 750
المشتركون
لا توجد بيانات24 ساعات
-47 أيام
-830 أيام
أرشيف المشاركات
1 750
Что такое мемоизация? Как и когда использовать мемоизацию в JavaScript и React
Всем привет! В этой статье мы поговорим о мемоизации, методе оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными.
Мы начнем с разговора о том, что такое мемоизация и когда ее лучше всего реализовать. Позже мы приведем практические примеры для JavaScript и React.
https://shly.link/7tphH
1 750
@ITIpotekaBot
Работаешь в ИТ?
Государство запустило льготную программу ипотеки:
До 18 млн под 5% годовых для работников ИТ.
Бот поможет
Проверь за 4 клика, попадаешь ли под условия программы.
Мы не спрашиваем твоих данных и точно не станем звонить.
1 750
Я сделал компонент react, который скрывает конфиденциальную информацию в вашем приложении.
Вы когда-нибудь хотели продемонстрировать сайт, над которым вы работали, или новую функцию, которую вы только что опубликовали в производственной системе, но не могли этого сделать из-за боязни раскрытия конфиденциальной информации?
SafeView — это компонент, который позволяет вам скрывать конфиденциальную информацию в вашем приложении визуально, в целях презентации и т. д.
https://shly.link/devqNL2
1 750
Погружение в React Storybook
В этой статье я подробно расскажу, как мы можем использовать Storybook с React и как лучше всего интегрировать Storybook в любой проект React. Чтобы этот урок имел смысл, вам нужно понимать, что Storybook можно использовать со многими фреймворками, такими как Vue, Angular и даже с простым ванильным Javascript. Однако в рамках этого руководства мы будем использовать только React.
https://shly.link/wtsDJ
1 750
Путь в новую профессию — рядом, главное — сделать первый шаг.
Выпускники разных направлений программирования в Нетологии уверены: успех в карьере стоит всех усилий. Их истории помогают поверить, что перемены доступны каждому, если есть твёрдое намерение и поддержка профессионалов.
Стремитесь к большему — записывайтесь на бесплатные занятия и выбирайте то, от чего загораются глаза https://netolo.gy/h83
1 750
Освоение переходов CSS с помощью React 18
Анимации всегда были частью веб-опыта. Плавные переходы элементов веб-страницы всегда придавали веб-сайтам эстетическую привлекательность.
Каскадные таблицы стилей (CSS) — это язык, используемый для разработки веб-сайтов и создания анимации. Самый простой способ реализовать анимацию с помощью CSS — использовать transitionсвойство.
Мы подробно рассмотрим переходы CSS и способы их использования для создания анимации с помощью React 18.
Давайте начнем!
1 750
Простое руководство по пагинации в React
В этой статье покажем вам как реализовать нумерации в React. Вам нужно знать только основы React, чтобы понять этот пост.
https://shly.link/JS9Hr
1 750
💪 Усильте свои фундаментальные навыки программирования с помощью открытого урока «Алгоритм Дейкстры для поиска кратчайшего пути во взвешенном графе.»
✅ На занятии с Евгением Волосатовым, экспертом с 20-летним опытом программирования поговорим об алгоритмы Дейкстры.
📌 Проведем обзор второй половины онлайн-курса «Алгоритмы и структуры данных» от OTUS. Demo-занятие пройдет в рамках этого курса и позволит познакомиться с преподавателем.
❗️ Этот курс подходит для любого языка программирования.
👉 Для регистрации пройдите вступительное тест https://otus.pw/BLVS/
1 750
Как создавать более быстрые анимационные переходы в React
Добавление анимации и эффектов перехода к компонентам и элементам вашего веб-сайта может улучшить взаимодействие с пользователем, а также добавить изюминку.
https://shly.link/gVhab
1 750
Проект React + WebSockets — создание приложения книги заказов в реальном времени
В этом руководстве мы увидим, как создать веб-приложение Order Book, которое мы будем использовать для отображения информации о криптовалюте в реальном времени.
Мы будем использовать React с Typescript для создания пользовательского интерфейса, Redux для управления состоянием приложения и styled-components для применения стилей. И последнее, но не менее важное: мы будем использовать WebSockets для получения каналов данных.
https://shly.link/xvcH7
1 750
Разумное проектирование компонентов React
Присоединяйтесь ко мне в этом посте, и я поделюсь с вами своими мыслями о подходе к разработке компонентов. Я возьму компонент и разделю его на модульные части, объяснив, почему каждая из них существует и как они все соединяются друг с другом в конце, чтобы сформировать прочный, но гибкий и удобный в обслуживании результат.
https://shly.link/devU9js
1 750
Ты начинающий IT-специалист, но уверен в своих знаниях и уже готов работать на позиции джуна? Газпромбанк совместно с журналом «КОД» Яндекс.Практикума подготовил 4 интерактивных теста для начинающих разработчиков 👨💻
С помощью них ты посмотришь на себя глазами рекрутера, потренируешься проходить собеседования и справляться с первыми трудностями на работе > https://vk.cc/ccNW3q
1 750
React Forms — Formik против Hook-Form против Final-Form
Цель этой статьи — сравнить наиболее часто используемые формы React с плюсами, минусами и примерами кода:
Formik, React-Hook-Form и React-Final-Form.
https://shly.link/devMMFo1 750
Создание прогрессивного веб-приложения с помощью React 18
Прогрессивное веб-приложение — это веб-сайт, который может вести себя как нативное приложение. Это возможно благодаря дополнительным настройкам веб-приложения или веб-сайта, которые предоставляют эти возможности. Некоторые функции, на которые способен PWA, включают push-уведомления, возможность работать на Android и IOS без особой разницы, обычный значок на главном экране устройства пользователя, как в стандартном приложении, и возможность работать в автономном режиме.
https://shly.link/Msr5R
1 750
Плохие привычки разработчиков React среднего уровня
Если вы разработчик React среднего уровня и хотите стать продвинутым разработчиком React, этот пост для вас!
Я просматриваю код React, написанный младшими и средними разработчиками, ежедневно в течение нескольких лет, и в этом посте описаны наиболее распространенные ошибки, которые я вижу.
https://shly.link/devnobC
1 750
Разбивка на страницы и бесконечная прокрутка с React Query v3
В этом руководстве мы узнаем, как реализовать нумерацию страниц и бесконечную прокрутку с помощью React Query. Мы будем использовать Random User API , который позволяет получить до 5000 случайных пользователей либо в одном запросе, либо небольшими порциями с нумерацией страниц. В этой статье предполагается, что у вас есть базовые знания о React.
https://shly.link/AaYhc
1 750
Разбивка на страницы и бесконечная прокрутка с React Query v3
В этом руководстве мы узнаем, как реализовать нумерацию страниц и бесконечную прокрутку с помощью React Query. Мы будем использовать Random User API , который позволяет получить до 5000 случайных пользователей либо в одном запросе, либо небольшими порциями с нумерацией страниц. В этой статье предполагается, что у вас есть базовые знания о React.
https://shly.link/AaYhc
1 750
TypeScript с нуля - полный курс и паттерны проектирования за 990 рублей!
Новый полный курс по современному TypeScript в 2022 году и ООП паттернам проектирования для создания поддерживаемых приложений от Антона Ларичева. Рейтинг ⭐ 4.9 Udemy, ⭐ 5 Stepik. В программе 144 лекции, 18 часов видео и множество упражнений: Types и interfaces, работа с классами, композиция и наследование, Generics, Mapped и Conditional Types, декораторы, модульность, порождающие, структурные и поведенческие паттерны. И что самое важное - применение паттернов и полученных знаний на заключительном проекте. Цена 990 ₽👇
https://stepik.org/z/111297
Для тех кто не из России:
https://www.udemy.com/course/typescript-full/?couponCode=915B52FE9DC0087CEECF
1 750
Объяснение обработчика события onClick в React
https://blog.openreplay.com/react-s-onclick-event-handler-explained
