10 распространенных ошибок при разработке Angular

Ещё один обзор распространенных ошибок при создании Angular приложений.

👉 @sWebDev

Как повысить производительность приложения React?

Если в вашем приложении нагруженный функционал, требующий трудоемких вычислений, то это может негативно отразиться на его производительности. К счастью, в React есть хук, который позволяет улучшить производительность, снизив количество вызовов трудоемких задач. Что это за хук?

👉 @sWebDev

Раскрытие волшебства: изучение реактивности в различных средах

Никогда не задумывались о том, как работает реактивность в вашем любимом фреймворке? В статье мы подробно изучаем особенности работы и сравниваем популярные библиотеки.

👉 @sWebDev

Создание React-приложения с использованием инструмента Create React App

npx create-react-app myReactApp — это команда, которую вы можете выполнить в командной строке, чтобы создать новое React-приложение с использованием инструмента Create React App.

Create React App (CRA) — это набор средств, предоставляемых Facebook, который упрощает начало работы с разработкой React-приложений. Он настраивает основную структуру проекта и предоставляет необходимые инструменты для разработки, тестирования и сборки приложения.

Когда вы выполняете команду npx create-react-app myReactApp, инструмент Create React App загружается с использованием npx (который является частью Node.js) и создает новое React-приложение в папке myReactApp. Он создаст все необходимые файлы и настроит проект, чтобы вы могли начать разрабатывать приложение сразу после завершения команды.

👉 @sWebDev

Эффект карандашного наброска с помощью постобработки Three.js

Руководство по созданию эффекта карандашного наброска с помощью библиотеки Three.js.

👉 @sWebDev

Hamsters.js

Hamsters.js - JavaScript-библиотека, предназначенная для многопоточных вычислений в браузере. Она позволяет выполнять операции параллельно, распределяя вычислительную нагрузку на доступные ядра процессора. Библиотека обеспечивает простой и понятный API для использования многопоточности в JavaScript, что может значительно повысить производительность вычислений. Если вам нужно выполнить интенсивные вычисления на клиентской стороне, Hamsters.js может быть полезным инструментом для оптимизации вашего кода и улучшения отзывчивости приложения.

👉 @sWebDev

Слайдер на GSAP.js

Проект анимированного слайдера, выполненный с применением библиотеки GSAP.js.

👉 @sWebDev

Как я структурирую свои приложения Angular

В материале представлен систематический поход к организации приложений Angular. Автор предлагает использовать модульную архитектуру, разделять компоненты на контейнеры и презентационные компоненты, а также использовать сервисы для обработки бизнес-логики.

👉 @sWebDev

CharmUI

Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием HTML, CSS и JavaScript. Библиотека предлагает разнообразные компоненты, включая кнопки, формы, модальные окна и многое другое. CharmUI является гибкой и обладает хорошей документацией.

👉 @sWebDev

Photo Tear

Анимированная сцена, выполненная на Three.js и GSAP.js.

👉 @sWebDev

Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство

Руководство по созданию форм с использованием Composition API в Vue.js 3. Автор предлагает использовать Composition API для улучшения управления состоянием форм, обработки валидации и управления событиями. В статье рассматриваются различные концепции, такие как реактивные переменные, встроенные хуки и композиционные функции.

👉 @sWebDev

Как вернуть изменяемый ref-объект React?

Представьте, что вам нужно вернуть ref-объект, свойство .current которого будет инициализироваться переданным аргументом. Каким хуком для этого воспользоваться?

👉 @sWebDev

Three.js isometric cubes animation

Анимированная сцена из кубов, выполненная на Three.js.

👉 @sWebDev

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем 13 июня.

Метод вызываемый перед уничтожением экземпляра Vue.js

Хуки уничтожения помогают прибраться или отправить данные для аналитики. Данный тип хуков срабатывает при демонтаже элемента и его удалении из DOM. beforeDestroy() выполняется перед уничтожением экземпляра.

        ExampleComponent.vue
        <script>
        export default {
        data() {
            return {
            someLeakyProperty: 'I leak memory if not cleaned up!'
            }
        },

        beforeDestroy() {
            // Perform the teardown procedure for someLeakyProperty.
            // (In this case, effectively nothing)
            this.someLeakyProperty = null
            delete this.someLeakyProperty
        }
        }
        </script>

👉 @sWebDev

Создание одностраничного приложения с помощью Vue и Kendo UI

Рассмотрим создание одностраничного приложения с использованием фреймворка Vue.js и библиотеки компонентов Kendo UI. Материал предоставляет пошаговое руководство по настройке окружения, созданию компонентов Vue, интеграции с Kendo UI, работе с данными и маршрутизацией.

👉 @sWebDev

On / Off Switch

Анимированный тоггл, выполненный на GSAP.

👉 @sWebDev

Vivus.js

Библиотека для создания анимированных рисунков и логотипов SVG. Она предлагает простой способ добавить плавные и привлекательные анимации к векторным графикам. С помощью Vivus.js вы можете контролировать различные параметры анимации, такие как скорость, направление и запуск анимации при прокрутке. Библиотека легко интегрируется в проекты и предоставляет гибкие возможности для создания уникальных визуальных эффектов.

👉 @sWebDev

Три способа раскрыть API внутренних компонентов Vue

Рассматриваем три способа раскрытия API компонентов Vue. Автор подробно объясняет использование "renderless components" (компонентов без отображения), прокси-компонентов и функциональных компонентов для предоставления гибкого и управляемого доступа к их функциональности.

👉 @sWebDev