React-Chrono — это универсальный компонент, который дает возможность с легкостью и быстро создавать такой UI элемент, как временная шкала.
React-Chrono полностью кастомизируемый, что позволяет адаптировать компонент к конкретным потребностям. Он предлагает три режима: горизонтальный, вертикальный и вертикальный c чередованием.
Ссылка
#react
React-Chrono полностью кастомизируемый, что позволяет адаптировать компонент к конкретным потребностям. Он предлагает три режима: горизонтальный, вертикальный и вертикальный c чередованием.
Ссылка
#react
React Portals
React порталы предоставляют мощный механизм для рендеринга компонентов за пределами стандартного дерева компонентов, обеспечивая большую гибкость и контроль над структурой DOM приложения.
Порталы применяют в ситуациях, когда необходимо, чтобы дочерние компоненты визуально были отделены от родительского контейнера. Например, для модальных окон или всплывающих подсказок.
Подробнее как работать с порталами и в каких случаях применять читайте в статье.
Ссылка
#react
React порталы предоставляют мощный механизм для рендеринга компонентов за пределами стандартного дерева компонентов, обеспечивая большую гибкость и контроль над структурой DOM приложения.
Порталы применяют в ситуациях, когда необходимо, чтобы дочерние компоненты визуально были отделены от родительского контейнера. Например, для модальных окон или всплывающих подсказок.
Подробнее как работать с порталами и в каких случаях применять читайте в статье.
Ссылка
#react
Прощайте, useState и useEffect: революция в React
Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний, но мне такой подход не нравится. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению.
Ссылка
#react
Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний, но мне такой подход не нравится. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению.
Ссылка
#react
Задачка на знание React
Напиши React hook с названием useFetch, который получает на вход URL для загрузки и возвращает полученные данные. Для загрузки данных можно использовать любое API, даже собственно придуманное. Для простоты считаем, что по указанному адресу будет JSON, загружаем методом GET, никаких других методов, заголовков и типов данных не требуется. Импорты можно не писать.
Если вы тоже в вечном поиске классных фронтендеров или сами часто проходите собесы - велком в эту статью
Ссылка
#react
Напиши React hook с названием useFetch, который получает на вход URL для загрузки и возвращает полученные данные. Для загрузки данных можно использовать любое API, даже собственно придуманное. Для простоты считаем, что по указанному адресу будет JSON, загружаем методом GET, никаких других методов, заголовков и типов данных не требуется. Импорты можно не писать.
Если вы тоже в вечном поиске классных фронтендеров или сами часто проходите собесы - велком в эту статью
Ссылка
#react
Создание веб-приложения с использованием микрофронтендов и Module Federation
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на множество маленьких, автономных частей. Эти части разрабатываются разными командами, возможно, с использованием различных технологий, но в итоге они совместно функционируют как единое целое.
В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Ссылка
#react
Микрофронтенды – это подход в веб-разработке, при котором фронтенд разделяется на множество маленьких, автономных частей. Эти части разрабатываются разными командами, возможно, с использованием различных технологий, но в итоге они совместно функционируют как единое целое.
В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation.
Ссылка
#react
Детальный React. Реконсиляция, рендеры, Fiber, виртуальное дерево
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react