React JS

2022-11-07 09:53:35 50 Shades of Hue - CPC Monochromatic —
генератор монохромной цветовой палитры, который генерирует до 50 оттенков. Реализован с помощью React и Prism.js.

#цвет #react #prismjs

https://codepen.io/jh3y/pen/xxgbvPz

@react_tg Открыть/Комментировать

2022-11-06 10:02:11 Сайт-шпаргалка по React.js

https://devhints.io/react

@react_tg Открыть/Комментировать

2022-11-05 15:18:05 React Cool Inview

Если вы искали способ определять, что за элемент сейчас находится на экране, то библиотека React Cool Inview как раз то, что вам нужно. Это простой в использовании React-хук, который позволяет легко узнать какой сейчас элемент отображается на экране, чтобы затем взаимодействовать с ним.

Подробнее:

https://www.npmjs.com/package/react-cool-inview

#фронтенд #react

@react_tg Открыть/Комментировать

2022-11-05 11:01:43 Гуляем по мирам с помощью React

Автор этого проекта решил наглядно показать на что способен React при правильном подходе. Он создал страницу на которой вы можете прогуляться по пяти известным вымышленным мирам, используя только колёсико мыши.

Вот тут вы можете изучить код проекта и его особенности:
Github

А здесь совершить ту самую прогулку:
Демо

#веб #react

@react_tg Открыть/Комментировать

2022-11-04 09:01:43 Redux Toolkit

В программе всё держится на данных и состояниях. Redux же предоставляет продвинутое управление состоянием React-приложения.

После просмотра этого вы научитесь работать с Redux Toolkit и создадите простенький To-Do проект, который и покажет разницу написания с Redux и без него.





@react_tg Открыть/Комментировать

2022-11-03 10:17:47 Начало работы с ReactJS: руководство для начинающих

React позволяет разработчикам создавать большие веб-приложения, пособные изменять данные без перезагрузки страницы. Цель React - предоставить способ создания быстрых масштабируемых веб-приложений.

React — это библиотека JavaScript для создания пользовательских интерфейсов.

Читать дальше

@react_tg Открыть/Комментировать

2022-11-02 08:11:53 Как создать редактор кода для 40+ языков с помощью React

Онлайн-платформа выполнения кода позволяет писать и сразу запускать код на любимом языке программирования. В идеале можно увидеть вывод программы, например двоичного поиска на JavaScript.

https://habr.com/ru/company/skillfactory/blog/670380/

#js #react #ru

@react_tg Открыть/Комментировать

2022-11-01 10:32:02 Реализация слайдера изображений и текста на React.js с вариантами оптимизации

В данной статье мы разберем задание, которое может встретиться в рамках собеседования на должность фронтенд-разработчика, а именно реализацию слайдера изображений.

За последние 5 месяцев на моем счету 15 очных собеседований и предложения от Google, Roku, Microsoft и других компаний.

Суть задачи — реализовать виджет за 45–50 минут и рассказать о вариантах оптимизации. Ее решением мы займемся в данном руководстве. Главная цель не в том, чтобы реализовать слайдер изображений со множеством функциональностей, а в том, чтобы объяснить, как именно его реализовать и оптимизировать.

Читать дальше
Код

@react_tg Открыть/Комментировать

2022-11-01 09:23:25 Grid.js — лёгкий и продвинутый плагин для таблиц

Этот бесплатный js-плагин позволяет работать с большинством фреймворков языка, включая React, Angular, Vue и VanillaJs.

При этом его отличительными особенностями являются легковесность и открытый исходный код.

Стоимость: #бесплатно

#js #плагин #open_source

@react_tg Открыть/Комментировать

2022-10-31 10:08:00 ​Изучение React Suspense с помощью React Freeze

Слышали о новом компоненте React Suspense? Он позволяет корректно обрабатывать загрузку и визуализацию данных. Есть также React Freeze, который позволяет заморозить рендеринг компонентов и контролировать, что на самом деле обновляется в ваших приложениях React.

В этой статье подробно рассмотрен React Freeze и его возможности, а также показано, как его можно использовать в реальных проектах:

https://blog.logrocket.com/exploring-react-suspense-react-freeze/

#react

@react_tg Открыть/Комментировать