React | Разработка приложений

2022-10-06 17:10:08 Custom Tooltip

Меню при нажатии на которое раскрывается и появляется подсказка. Написано на чистом CSS.

#меню #css

Такого еще много на Frontend Trends  — это канал с крутыми и полезными фичами для вашего сайта: готовый код на css и javascript, который можно вставить в проект.

Подписывайтесь, мы выкладываем свежие исходники каждый день Адкрыць / каментаваць

2022-10-06 09:10:46 Actions — это структуры, которые передают данные из вашего приложения в стор. Они являются единственными источниками информации для стора.

Экшены — это обычные JavaScript-объекты. Экшены должны иметь поле type, которое указывает на тип исполняемого экшена. Адкрыць / каментаваць

2022-10-05 15:10:13 Три принципа Redux

Redux может быть описан тремя фундаментальными принципами:
✓ Единственный источник правды
✓ Состояние только для чтения
✓ Мутации написаны, как чистые функции Адкрыць / каментаваць

2022-10-05 13:01:33 Запомни, есть два типа людей:

Одни читают кучу статей, спрашивают опытных разработчиков, смотрят видосики на ютубе, чтоб откапать хорошие плагины для Visual Studio Code.

Другие подписываются на VSCoder, где собраны лучшие плагины, которые помогут сдавать проекты раньше дедлайна.

Надеюсь, ты относишься ко вторым?)

P.S. Прямо сейчас проходит розыгрыш в котором можно за подписку выиграть реальные деньги. Заходи и участвуй! Адкрыць / каментаваць

2022-10-05 09:10:52 Redux — библиотека управления состоянием для приложений, написанных на JavaScript.

Когда нужно пользоваться Redux:
✓ если в приложении несколько компонентов, которым необходимо совместно использовать одно и то же состояние, при этом сами компоненты расположены в разных частях приложения.
✓ еще одна мотивация использовать Redux — замена стандартных механизмов локального хранилища. Например, в React хранилище изолировано. Если нужно передавать состояние между компонентами, то приходится использовать пропсы либо поднимать его наверх до ближайшего «родителя». Redux устраняет эту проблему. Адкрыць / каментаваць

2022-10-04 09:10:50 хук useId - для генерации уникальных идентификаторов, которые стабильны на сервере и клиенте, избегая при этом несоответствия гидратации.

useId не предназначен для генерации ключей в списке. Ключи должны создаваться из ваших данных. Адкрыць / каментаваць

2022-10-03 11:10:07 Хуки useEffect и useLayoutEffect – придание жизни компонентам, а точнее – придание методов жизненного цикла

Если вы работали с классовыми компонентами, то знакомы с методами жизненного цикла. Они служат для того, чтобы совершать какие-то операции на разных стадиях жизни компонента. Для этого есть два хука – useEffect и useLayoutEffect. Они похожи между собой, за исключением небольшой разницы в рендеринге. В случае с useLayoutEffect React не запускает рендеринг построенного DOM дерева до тех пор, пока не отработает useLayoutEffect. Если же берём useEffect, то React сразу запускает рендеринг построенного DOM, не дожидаясь запуска useEffect. Адкрыць / каментаваць

2022-10-01 09:10:29 хук useImperativeHandle настраивает значение экземпляра, которое предоставляется родительским компонентам при использовании  ref. В большинстве случаев следует избегать императивного кода, использующего ссылки.  useImperativeHandle должен использоваться с forwardRef. Адкрыць / каментаваць

2022-09-30 09:10:27 Хук useRef – прямая связь с узлами и не только

Бывают ситуации, когда необходимо обратиться к какому-то DOM-объекту напрямую. Для этого существует хук useRef.

Cоздаём объект ref и указываем его в качестве элемента, обозначающего DOM-объект, к которому хотим обратиться, а также прописываем этот объект в качестве параметра. Далее можем взаимодействовать с Dom-объектом напрямую, как если бы мы нашли его с помощью селектора. Для этого используем свойство current у объекта ref. Адкрыць / каментаваць

2022-09-29 11:10:34 Хук useMemo – оптимизируй вычисления

Этот хук позволяет не производить одни и те же вычисления много раз.

Как только меняется какая-то зависимость из массива, запускается callback, который рассчитывает другое значение. Если ни одна зависимость не поменялась, то при рендеринге в переменную будет подставлено предыдущее вычисленное значение. Адкрыць / каментаваць