React

Создание лучшего и более быстрого представления кода Новая версия GitHub Code View предоставляет пользователям множество новых возможностей для улучшения качества чтения и изучения кода, и мы преодолели ряд уникальных технических препятствий, чтобы предоставить эти возможности без ущерба для производительности. https://github.blog/2023-06-21-crafting-a-better-faster-code-view/ ✍️ @React_lib

Переход от useState к useReducer в React Hooks useState и useReducer - это хуки React, позволяющие управлять состоянием компонентов. useState - это более простой хук, позволяющий управлять одним фрагментом состояния, в то время как useReducer - более мощный и позволяет управлять более сложными состояниями, которые могут иметь несколько значений и требуют более сложных обновлений. https://hackernoon.com/migrating-from-usestate-to-usereducer-in-react-hooks ✍️ @React_lib

СХД для видеонаблюдения на базе RAIDIX под любые задачи СХД Для Видеонаблюдения под любые задачи. СХД RAIDIX работает как единая система для live и архивной баз данных системы видеонаблюдения. Такая архитектура становится возможной благодаря отказоустойчивым свойствам системы, основанным на быстрой реконструкции RAID-массива. Получить предложение #реклама raidix.ru О рекламодателе

Телепортация в React: Позиционирование, стекирование контекста и порталы Рассмотрим, как работает CSS-позиционирование, что такое контекст стекирования, как избавиться от overflow:hidden с помощью CSS, почему мы не можем сделать все с помощью CSS и нуждаемся в порталах, как работают порталы https://www.developerway.com/posts/positioning-and-portals-in-react ✍️ @React_lib

Ольга Примаченко «Всё закончится, а ты нет» Как не сдаваться, когда хочется прилечь лет на сто и потом проснуться в каком-нибудь другом мире. Эта книга — друг сердца в темные времена души.. Читайте и слушай по подписке Яндекс Плюс с Букмейтом 30 дней за 0₽! Узнать больше #реклама 16+ plus.yandex.ru О рекламодателе

React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом Задача Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом. Условия Cуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change эвент не брали строку и не отделяли этот суффикс, а потом все снова складывали Суффикс во время ввода должен всегда быть виден Суффикс может быть другим react элементом (например картинкой, или текстом) Если мы передадим во время работы приложения новое значение пропа суффикса -- он должен нормально перерендериться, инпут не должен сломаться Суффикс нельзя выделить, скопировать, как либо с ним провзаимодействовать. Он не должен перекрывать поле инпута Поведение инпута никак не должно отличаться от обычного https://habr.com/ru/articles/743768/ ✍️ @React_lib

Торт Черный лес. Бесплатный кондитерский мастер-класс! Полностью сделаем торт — от А до Я Раскроем секрет легендарного торта Соберем и украсим торт Знаменитый торт "Черный лес" знают и любят во всем мире! Приготовим вкуснейший торт по проверенному рецепту, который получится у каждого! Невероятный бархатный шоколадный бисквит, пропитанный вишневой пропиткой,нежный сливочный крем и яркое конфи с ромом. Просто пальчики оближешь! На мастер-классе мы с вами вместе: Приготовим бархатный шоколадный бисквит Сделаем вишневую пропитку Приготовим легкий сливочный крем Сделаем яркое конфи из вишни с ромом Соберем торт Сделаем крем для украшения Приготовим шоколадную кору для декора Украсим торт Вы узнаете все тонкости приготовления этого торта и сможете сделать точно также! Зарегистрироваться #реклама pastry-school.online О рекламодателе

Откровения Аяза: целый вебинар о заработке миллиардера! Забудь о легких деньгах и медитациях. Без труда не вытащишь рыбку из пруда Многие хотят богатства, но мало кто готов что-то делать. Вот эти редкие решительные люди и успешны. Не обязательно быть гением, просто начни что-то делать! Если хочешь построить будущее сам, я готов помочь. РЯ решил раздать свои связки для бизнеса бесплатно. Они уже проверенные и отработанные, вам осталось только взять и применить. Не важен возраст, образование или количество детей. Работает это для тех, кто решится попробовать. Схема несложная. Все, кто её уже получили, так говорят. Но она всё равно работает. А знают про неё единицы. Честно скажу: за вас никто ничего не сделает. Но эти знания сэкономят вам очень много времени и сил. Вы просто быстрее придёте к результату и не будете набивать шишки. Зарегистрироваться #реклама 16+ likecentre.ru О рекламодателе

React with TypeScript Возможности TypeScript и опыт разработчиков отлично сочетаются с React, но начало работы может оказаться запутанным. Как лучше всего типизировать реквизиты компонентов? Что это за странные ошибки useRef? Именно для этого и предназначен данный учебник по React с TypeScript! Начиная с самого начала внедрения поддержки TS в проект React, вы вскоре научитесь правильно вводить хуки и осваивать компоненты. Вы узнаете все, что нужно для продуктивной работы с React и TypeScript. Темы учебника включают: Чтение определений типов React для отладки ошибок и обеспечения правильного использования Определение реквизитов для пользовательских компонентов и компонентов функций React.FC. Использование умозаключений TypeScript в своей работе Поддержка дочерних компонентов Типизация и переопределение обработчиков событий Использование ComponentProps для извлечения свойств из импортированных компонентов или элементов HTML DOM Понимание API и типизация useState, useCallback, useEffect и других крючков React Hooks. К концу семинара вы будете уверенно использовать React с TypeScript в своих собственных проектах! https://www.totaltypescript.com/tutorials/react-with-typescript ✍️ @React_lib

⚡️ Тест по JavaScript от OTUS А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут 👉 ПРОЙТИ ТЕСТ: https://clck.ru/368Gqn 🎫Курс можно приобрести в рассрочку Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Руководство по созданию анимационного сайта на основе React 3D с ThreeJS Узнайте, как создать 3D-анимацию в React, используя такие технологии, как WebGi (на базе Three.js) и GSAP. Сначала мы научимся находить 3D-модели и отображать их на своем сайте с помощью WebGi. Затем с помощью React и GSAP мы создадим 3D-анимацию этой модели. Далее мы узнаем, как оптимизировать 3D-анимацию в React для мобильных устройств. Наконец, мы создадим сайт для последующей публикации. ⌨️ (0:00:00) Intro ⌨️ (0:01:27) Project setup ⌨️ (0:07:12) Building website navigation ⌨️ (0:15:02) Building jumbotron ⌨️ (0:21:42) Building sound section ⌨️ (0:29:27) Building display section ⌨️ (0:33:27) How to find and load 3D models ⌨️ (0:36:55) Building WebGi viewer component ⌨️ (0:53:17) Animating 3D model with GSAP scroll animation ⌨️ (1:13:42) Implementing 3D model preview mode ⌨️ (1:32:27) Optimizing 3D animation for mobile phones ⌨️ (1:43:31) Building production-ready website and uploading ⌨️ (1:45:07) Outro источник ✍️ @React_lib

Запустить свою Онлайн-Школу впервые стало так просто! Забудьте все, что вы планировали для запуска онлайн-курса! Запустите свой онлайн-курс без вложений за 2 недели на Бесплатном марафоне GetCourse! - Сможете избежать 90% ошибок новичков - Создадите первый онлайн-курс по пошаговому алгоритму - Всего за 2 недели получите первые оплаты от учеников, даже если у вас нет технических навыков и опыта продаж. Не ждите! Регистрируйтесь прямо сейчас! Перейти на сайт #реклама getcourse.ru О рекламодателе

Курс «DevOps для эксплуатации и разработки» от Яндекса За 6 месяцев обучения освоите принципы DevOps и автоматизацию процесса разработки. Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

5 библиотек React для повышения уровня ваших проектов В этой статье мы рассмотрим 5 библиотек, которые могут положительно повлиять на ваш опыт разработки на React, устранив некоторые из наиболее распространенных болевых точек при разработке на React, такие как получение данных, стилизация, доступность и управление состояниями. https://livecycle.io/blogs/react-libraries/ ✍️ @React_lib

Стань Тестировщиком и получи работу через 4 месяца! Самая актуальная удаленная профессия 2024 года! Тестировщик сайтов и мобильных приложений - IT профессия без кодинга, математики и технического образования. Вы научитесь проверять работу сайтов и приложений, находить ошибки и прогнозировать сбои. Во время учебы соберете портфолио из 14 проектов, а через 4 месяца получите первую работу! **Курс участвует в осенней распродаже до -45%! Подать заявку #реклама bangbangeducation.ru О рекламодателе

Ускорение разработки на React с помощью Refine Фреймворк Refine может помочь вам быстрее создавать веб-приложения с большими объемами данных, предоставляя множество функций, которые вам наверняка пригодятся, и в этой статье мы расскажем вам, как воспользоваться его преимуществами. https://blog.openreplay.com/speed-up-react-development-with-refine/ ✍️ @React_lib

Станьте режиссером видеомонтажа в Contented Contented — крупнейшая профильная онлайн-школа дизайна по версии Smart Ranking 2023. Мы дадим все необходимые знания и навыки для старта карьеры в рекламе или кино. Вы начнете создавать увлекательные ролики и соберете портфолио, с которым не стыдно выйти на рынок. Подать заявку #реклама contented.ru О рекламодателе

Оптимизация производительности React - memoization demystified Когда речь идет о создании быстрых React-приложений, производительность является одним из главных приоритетов. К счастью, в React встроены умные методы, которые автоматически заботятся об оптимизации производительности. Фактически React выполняет большую часть работы за вас, поэтому вы можете сосредоточиться на создании приложения, не слишком заботясь об оптимизации производительности. Однако по мере масштабирования и усложнения React-приложения появляются возможности для дальнейшего повышения его скорости и эффективности. В этом блоге мы рассмотрим, как мемоизация компонентов и правильное разделение кода помогают выжать максимум из приложения. Мы предполагаем, что вы имеете общее представление о том, как работают useCallback, useMemo и React.memo. Если это так, то давайте сразу перейдем к делу. https://www.bigbinary.com/blog/react-performance-optimization-memoization-demystified ✍️ @React_lib

Курс: Бизнес Аналитик. Первые 7 дней бесплатно! Не все знают, кто такие бизнес-аналитики, — и это нормально! Скорее всего, вы что-то слышали о профессии, но не вдавались в подробности. Пришло время это исправить. Записывайтесь на бесплатные модули онлайн-курса Skillbox «Профессия Бизнес-аналитик». Оставьте заявку и получите бесплатный доступ к первым трём модулям: к восьми видеоурокам и трём тестам. Вы узнаете, что это за профессия и подходит ли она вам, — а заодно оцените качество материалов. Тут вам не будут ничего навязывать. Если что-то не понравится, просто не заходите больше на платформу — платить не нужно! Но что-то нам подсказывает, что вас в бизнес-аналитике ждёт большое будущее. В любом случае, стоит попробовать: Попробовать #реклама 16+ skillbox.ru О рекламодателе