Сначала думаешь, а потом как обычно...

👉 @sWebDev | #юмор

Использование createPortal для рендеринга компонентов вне DOM-иерархии в React

Метод createPortal в React позволяет рендерить компоненты вне текущей DOM-структуры. Это полезно для создания модальных окон, всплывающих меню или уведомлений, которые должны отображаться поверх остальных элементов без влияния родительских стилей и позиционирования.

Создание уведомления, рендерящегося в отдельном узле DOM:

import React from 'react';
import ReactDOM from 'react-dom';

function Notification({ message }) {
  return ReactDOM.createPortal(
    <div className="notification">
      {message}
    </div>,
    document.getElementById('notification-root')
  );
}

В этом примере компонент Notification рендерится в элемент с ID notification-root, который находится вне основного DOM-дерева приложения. Это позволяет отображать уведомление поверх других компонентов без конфликтов стилей и вложенности.

👉 @sWebDev

Happy Pizza

Анимация пиццы на Mo.js и GSAP.

👉 @sWebDev

Боитесь озвучивать свои зарплатные ожидания?

❤️ - Да.

👍 - Нет.

👉 @sWebDev | #юмор

Planck.js

Planck.js — это легковесный 2D физический движок, написанный на JavaScript и предназначенный для создания физически корректных симуляций в браузере. Planck.js использует технологию Box2D, известную из разработки игр, для реализации столкновений, гравитации и других физических эффектов. Библиотека поддерживает объекты с различными формами, физическими свойствами, такими как плотность и упругость, и позволяет создавать простые 2D игры или интерактивные симуляции. Planck.js хорошо интегрируется с canvas и SVG, что делает её удобной для создания анимаций и визуализации физических систем.

👉 @sWebDev

Vertical Parallax Scroll

Скролл-анимация на GSAP.

👉 @sWebDev

React и жизнь после сборки

Статья рассказывает о том, как можно восстановить исходный код React-приложений из готовых сборок, даже если исходников нет под рукой. Описываются методы работы с декомпиляторами и деобфускаторами, использование файлов .git для восстановления и применение файлов source maps. Рассматриваются реальные кейсы из опыта авторов, примеры сборок и инструменты, которые помогают решить подобные задачи.

👉 @sWebDev

Simple Mo.js animation

Абстрактная анимация на Mo.js.

👉 @sWebDev

ConvNetJS

ConvNetJS — это JavaScript-библиотека для построения и обучения нейронных сетей непосредственно в браузере. Она поддерживает сверточные нейронные сети (CNN) и используется для создания моделей глубокого обучения, таких как распознавание изображений и обработка текстов.

👉 @sWebDev

Работа с функцией inject()

Какая альтернатива используется вместо inject() для инъекции зависимостей в Angular?

Забыли? Вернитесь к посту от 30.09.2024.

👉 @sWebDev