Оптимизируйте Vue С Помощью Веб-Воркеров

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

👉 @sWebDev

React-sparklines

Библиотека для отображения графиков в React приложениях. Легко внедряется и настраивается для отображения показателей и данных.

👉 @sWebDev

GSAP Simpsons Slider

Персонажи мультсериала The Simpsons, выполненные на Gsap.js.

👉 @sWebDev

Создание минимального проекта Angular

Какой флаг используется при создании нового проекта Angular с целью создания минимального проекта?

👉 @sWebDev

GSAP - Rocket

Анимированная ракета, выполненная на Gsap.js.

👉 @sWebDev

Запуск эффекта после размещения компонента в DOM React

useLayoutEffect() - это метод React, который запускает эффект после того, как компонент был размещён на DOM.

      const App = () => {
        const [count, setCount] = useState(0);

        useLayoutEffect(() => {
          // Этот эффект будет запущен один раз, после первого рендеринга компонента
          const element = document.querySelector(".counter");
          element.textContent = count;
        }, [count]);

        return (
          <div>
            <div class="counter">Счётчик: {count}</div>
            <button onClick={() => setCount(count + 1)}>Увеличить</button>
          </div>
        );
      };

👉 @sWebDev

svg animals

Генератор животных, выполненный с использованием Anime.js и SVG.

👉 @sWebDev

Освоение Angular Services и внедрения зависимостей: подробное руководство с примерами

По ссылке подробное руководство по работе с Angular Services. Рассмотрим возможности и внедрим зависимости с помощью наглядных примеров.

👉 @sWebDev

Prismane

Prismane — это библиотека для создания веб-приложений на основе React. Она предоставляет набор компонентов и функций, которые упрощают разработку и тестирование приложений.

Основные преимущества:
1. Простота использования: библиотека имеет понятный интерфейс и документацию.
2. Надёжность: Prismane использует современные технологии и подходы к разработке.
3. Масштабируемость: библиотека позволяет создавать приложения любого размера и сложности.

👉 @sWebDev

Movie App Concept

Анимированная галерея постеров кино, выполненная на Vue.js.

👉 @sWebDev

10 лучших практик и советов от профессионалов при использовании Angular CLI

Материал позволит вам узнать чуть лучше о методах Angular CLI для создания и управления проектами Angular.

👉 @sWebDev

Stimulus

Библиотека для создания веб-приложений на основе событий. Она позволяет разработчикам создавать реактивные приложения без необходимости использовать виртуальную DOM.

👉 @sWebDev

The Fearless Seven

Герои Игры Престолов, выполненные на Vue.js.

👉 @sWebDev

Ленивая загрузка изображений в Angular

Что использует директива NgOptimizedImage для ленивой загрузки изображений?

👉 @sWebDev

Кулинарный гид по Vue.js: всё о props

В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.

👉 @sWebDev

Angular Elements

Angular Elements позволяют использовать Angular-компоненты в качестве обычных HTML-элементов. Это означает, что Angular-компоненты можно включать в любые HTML-документы, даже если они не созданы с использованием Angular.

Для создания Angular Elements можно использовать директиву @Component() с атрибутом selector со значением element. Например, следующий код создает Angular-компонент, который можно использовать в качестве HTML-элемента:

   @Component({
     selector: 'my-button',
     templateUrl: './button.component.html',
     styleUrls: ['./button.component.css']
   })
   export class ButtonComponent {
     constructor() {}

     click() {
       alert('Button clicked!');
     }
   }

Этот компонент можно использовать в любом HTML-документе следующим образом:
<my-button (click)="doSomething()"></my-button>

👉 @sWebDev

Виджет погоды на Vue.js

Пошаговый туториал по созданию виджета погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде.

👉 @sWebDev

Библиотека компонентов Angular. Часть 1

Рассмотрим как создать библиотеку компонентов для Angular. Статья начинается с планирования библиотеки, в котором необходимо определить цели, целевую аудиторию и набор компонентов. Затем автор описывает процесс создания библиотеки, включая настройку проекта, создание компонентов и их тестирование.

👉 @sWebDev