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

ng-admin

ng-admin - это библиотека Angular для создания админ-панелей. Библиотека имеет простой и понятный API, а также поддерживает различные компоненты, включая таблицы, формы, фильтры и виджеты. Кроме того, поддерживает международную поддержку и интеграцию с различными API.

👉 @sWebDev

Game of Thrones: Daenerys, Mother of Dragons

Анимированная Дейенерис Таргариен из "Игры престолов", выполненная на Gsap.js.

👉 @sWebDev

Разработка веб-приложений в 2023 году: Angular против React: битва за господство

В статье сравниваются два популярных фреймворка: Angular и React. Автор статьи рассматривает следующие аспекты:
популярность;
производительность;
обучение;
поддержка.

👉 @sWebDev

Vue.Draggable

Vue.Draggable - библиотека Vue для создания перетаскиваемых элементов. Библиотека имеет простой и понятный API, а также поддерживает различные типы перетаскивания, включая перетаскивание между элементами, перетаскивание в пределах элемента и перетаскивание с одного экрана на другой.

👉 @sWebDev

Baby Yoda w/ GSAP3

Персонаж Грогу из сериала "Мандалорец", выполненный на Gsap.js.

👉 @sWebDev

Метод React для проверки единственности потомка

Какой метод React используется для проверки того, что компонент имеет только одного потомка?

👉 @sWebDev

Homer's face Animated

Гомер Симпсон, созданный с использованием Gsap.js.

👉 @sWebDev

Компоненты <script setup> во Vue

В Vue 3.2 были добавлены компоненты <script setup>. Они позволяют писать код инициализации компонента в его шаблоне. Это упрощает работу с компонентами и делает их более удобными в использовании.

   <script setup lang="ts">
   import { ref } from "vue";

   const count = ref(0);

   const increment = () => {
     count.value++;
   };
   </script>

   <template>
     <button @click="increment">Увеличить</button>
     <p>{{ count }}</p>
   </template>

Этот код создает компонент с кнопкой и счетчиком. Код инициализации компонента написан в шаблоне компонента. Кнопка увеличивает счетчик при нажатии.

👉 @sWebDev

CSSkateboard [w/ GSAP Observer]

Анимированный скейтборд, выполненный на CSS и Gsap.js.

👉 @sWebDev