Angular Vue js React

Оптимизация приложения Vue

Приоритет производительности при создании наших веб-приложений улучшает взаимодействие с пользователем и помогает обеспечить их использование как можно большим количеством людей. В этой статье Мишель Баркер расскажет вам о некоторых советах по оптимизации внешнего интерфейса, чтобы сделать наши приложения Vue максимально эффективными. https://shly.link/eLbhW

Предварительный рендеринг в Angular с помощью Angular Universal: стоит ли это учитывать?

Мы, разработчики, часто говорим о рендеринге на стороне клиента и рендеринге на стороне сервера, но есть еще один вариант, называемый предварительным рендерингом. При правильном использовании предварительный рендеринг может повысить производительность вашего сайта и рейтинг SEO, особенно если вы не можете позволить себе затраты на рендеринг вашего приложения на стороне сервера.

https://shly.link/ynhhs

Как добавить ESLint в приложение Angular

В этой статье мы создадим веб-приложение, используя последнюю версию Angular . Затем мы добавим ESLint , который статически анализирует код JavaScript, чтобы найти любые проблемы.

https://shly.link/eB6Fw

Angular v15 теперь доступен!


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

https://shly.link/PycbX

Мои кошмары, связанные с Angular

Angular — это хорошо известный интерфейсный фреймворк на основе TypeScript, используемый для создания масштабируемых одностраничных приложений. Хотя новые фреймворки, такие как React, взяли на себя разработку внешнего интерфейса, Angular по-прежнему остается одним из лучших фреймворков для запуска нового веб-проекта.

Я работаю с Angular в течение значительного периода времени, и у него есть отличные функции с постоянными обновлениями. Однако Angular — это не серебряная пуля. У него есть некоторые существенные недостатки и проблемы, которые приносят разработчикам ночные кошмары.

Лично я тоже столкнулся с некоторыми из этих кошмаров при использовании Angular. Как мы все знаем, жуткий сезон не заканчивается с Хэллоуином, поэтому я думаю, что это хорошее время, чтобы поделиться им с вами. Итак, в этой статье я поделюсь своими кошмарами с Angular, от которых у меня мурашки по коже.

https://shly.link/F1m8o

Как устранить debounce и throttle в Vue

Когда вы создаете веб-приложение любого типа, вашей главной заботой является производительность, особенно для сайтов, которые осуществляют взаимодействие. Прослушивание таких событий, как ввод пользователем данных, прокрутка и изменение размера, может привести к тому, что приложение перестанет отвечать на запросы, когда оно выполняет тяжелые вычисления или вызывает API.
debounce и throttle два метода, которые могут замедлить работу этих обработчиков событий, ограничивая вызовы функций. В этой статье мы узнаем, как устранять и блокировать debounce и throttle в приложении Vue.

https://shly.link/uRKsE

📚Век живи, век учись — пора и Angular открыть!

⏰Сегодня 14 ноября в 20:00 пройдёт открытый урок: "Разработка приложений на Angular. Основные преимущества и возможности"

💢Angular - это мощный фреймворк от Google, который используется для создания мобильных приложений.

📌За 1, 5 часа на занятии с опытным экспертом мы:
- Познакомимся с Angular CLI, two-way data binding, templates, routing, services;
- Как экономить время на разработке c этими технологиями;
- Получим расширяемый, легко поддерживаемый и структурированный код.

👨‍🎓Урок проведёт
Виктор Березин, Frontend Architect / Senior Full Stack Developer и преподаватель курса “Angular Developer” в OTUS.

🔴 Чтобы записаться на вебинар, пройдите вступительный тест: https://otus.pw/JM9a/

Это занятие является частью онлайн-курса «Angular Developer» от OTUS.

Поговорим о веб-компонентах

Веб-компоненты! В настоящее время они находятся в авангарде веб-разработки и являются надежным источником горячей драмы в сообществе.
Веб-компоненты — это набор технологий, которые работают вместе, чтобы доставлять повторно используемые компоненты пользовательского интерфейса в Интернет.

https://shly.link/oQtmL

7 малоизвестных функций Angular, о которых должен знать каждый разработчик

Каждый разработчик знает, что Angular — мощный фреймворк. Однако есть некоторые менее известные функции Angular, о которых должен знать каждый разработчик.

https://shly.link/CkGsb

LocatorJS DevTool

LocatorJS — это расширение для браузера и/или библиотека JavaScript. Вы можете щелкнуть любой компонент в браузере, чтобы открыть его код в своей среде IDE. Работает с React, Preact, Solid, Vue и Svelte.

https://github.com/infi-pc/locatorjs

Изучение Web Workers в Angular

Как улучшить производительность приложения и взаимодействие с пользователем с помощью Web Workers в Angular

https://shly.link/NG7ui

Как использовать ngTemplateOutlet в Angular на примере

В Angular мы используем директиву ngTemplateOutlet для вставки внешнего шаблона в представление нашего компонента. Эта мощная функция позволяет нам повторно использовать шаблоны и сохранять наш код СУХИМ.

https://shly.link/mdK9v

Каково будущее ReactJS?

Будущее ReactJS: понять, почему именно за ним будущее веб-разработки, подробное сравнение фреймворка ReactJS с другими, включая таблицу.

https://shly.link/WwWp2

Вы освоили эти 9 техник Vue?

Сейчас Vue.js стал популярным фреймворком для разработки фронтэнда. Множество инженеров используют удобство и мощные возможности Vue.js. Тем не менее, некоторые решения, которые мы сделали, могут не соответствовать лучшим практикам. Что ж, давайте рассмотрим те приемы Vue, которые необходимо знать.

https://shly.link/gJqBZ

Ваш первый микрофронтенд Angular

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

https://shly.link/EhKqK

Улучшения в Angular Router

Команда Angular была занята внесением значительных обновлений в маршрутизатор Angular, которые доступны начиная с Angular v14.2. Мы рады поделиться некоторыми недавними улучшениями. Читайте дальше, чтобы узнать больше.

https://shly.link/uESaW

Ленивая загрузка изображений с помощью React JS

Отложенная загрузка очень важна в настоящее время для повышения производительности вашего сайта. Выполнение оптимизации изображений помогает вашему веб-сайту работать быстрее, лучше SEO и помогает улучшить взаимодействие с пользователем.
На этот раз вы узнаете, как лениво загружать изображения в приложение с помощью React JS.

https://shly.link/devrRA0

Внедрение шаблона PubSub в Vue.js

Простой способ реализовать шаблон SubPub в проекте Vue.js с библиотекой PubSubJs и пользовательским хуком.

https://shly.link/BEyry

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

Vue.js разработан так, чтобы быть максимально быстрым. Он также очень гибкий, что означает, что вы можете использовать его для создания простой статической страницы или сложного одностраничного приложения. Однако есть некоторые вещи, которые вы можете сделать, чтобы улучшить производительность вашего приложения. Некоторые из них мы рассмотрим в этой статье.

https://shly.link/mdmn10X