Solid.js vs Svelte: битва принципов

В материале сравнение между двумя современными JavaScript-библиотеками для создания пользовательских интерфейсов - Solid.js и Svelte. Автор выделяет ключевые аспекты каждой библиотеки и помогает разработчикам определить наиболее подходящий инструмент для ваших целей.

👉 @sWebDev

Как создать собственный интерполятор в Angular?

В основном используется стандартный интерполятор шаблона {{}} для отображения свойств компонента Angular. Но мы можем изменить интерполятор на свой. Как это можно сделать?

👉 @sWebDev

Jumping Gooey Navigation

Анимированная навигационная панель, выполненная на Gsap.js.

👉 @sWebDev

Полезные практики React в 2023 году. Часть 1

1.Создание новой базовой структуры приложения React.
Для соблюдения лучших практик в React необходимо создать структуру проекта, которая будет соответствовать его размеру. Для этого можно использовать команду NPM create-react-app.

Следующие шаги могут помочь при определении архитектуры:
1) Макет папок: рекомендуется ориентироваться на компоненты и группировать файлы компонентов (такие как тесты, CSS, JavaScript и ресурсы) в одной папке:

   Components
   |
   --Login
   |
   --tests--
   --Login.test.js
   --Login.jsx
   --Login.scss
   --LoginAPI.js

2) Группировка файлов по типу: можно также рассматривать группировку файлов по типам, чтобы облегчить организацию:

  APIs
  |
   --LoginAPI
   --ProfileAPI
   --UserAPI
   Components
   |
   --Login.jsx
   --Login.test.js
   --Profile.jsx
   --Profile.test.js
   --User.jsx

👉 @sWebDev

GSAP ANIMATION PIZZA LANDING PAGE

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

👉 @sWebDev

Лучшие практики для создания масштабируемого приложения Vue.js

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

👉 @sWebDev

React, Visualized

Интерактивное руководство по React. Если вы хотите полностью понять React, то важно погрузиться в контекст его появления. Проект будет особенно полезен начинающим разработчикам.

👉 @sWebDev

Нейросети — новая нефть

А ключевая информация в IT - на вес золота.

➤ Создать сайт? Держите Framer — справится за пару секунд.
➤ Не можете принять решение? Pros-cons за секунды распишет все «за» и «против».
➤ Не хотите тратиться на врача? Med-PaLM 2 от Google поставит точный диагноз.

Искусственному интеллекту под силу всё.
Главное — знать где искать и грамотно использовать.

Ссылки с инструкциями к ИИ.
Лучшие из новых нейросетей.
Революционные новости в IT.

Всё для вас в одном канале — @tg_gpt

Glass Card w/ SVG + GSAP

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

👉 @sWebDev

Как улучшить производительность приложений Angular

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

👉 @sWebDev

Taiga UI

Библиотека компонентов пользовательского интерфейса для Angular, React и Vue.js. У Taiga UI множество полезных компонентов, а также инструменты для настройки и стилизации. Она отличается высокой производительностью и хорошей документацией.

👉 @sWebDev

Как React 18 улучшает производительность приложения

React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.

👉 @sWebDev

Хотите работать с данными, но еще не слышали про телеграм-канал LEFT JOIN?
Это вы зря! Быть в курсе трендов сферы, лучших инструментов для анализа, познавательных докладов и лекций по архитектуре данных, и даже быть в контексте аналитических мемов — значительный буст для входа в профессию.

Итак, LEFT JOIN —
это канал о технологиях и данных, в котором простым языком рассказывают про:
🔵 всемогущий язык SQL и работу с базами данных,
🔵 статистику, без которой, как говорится, «не жизнь»,
🔵 полезные инструменты, которые заслуживают не меньшее внимание чем ChatGPT,
🔵 то, как нейросети могут облегчить работу аналитика данных.

А еще у авторов сейчас выходит отдельная рубрика «Основы статистики» — серия полезных карточек с теорией и понятными примерами, например, про p-value. Если вы еще не видели первые пять выпусков — наверстывайте упущенное и...

🔜 Подписывайтесь на @leftjoin!

Реклама. О рекламодателе erid:2VtzquhT6kG

Зачем нужен сервис Location в Angular?

Какое основное назначение сервиса Location в Angular?

👉 @sWebDev

Pokeball

Карточка покемона, реализованная с использованием GSAP.js.

👉 @sWebDev

Полезные практики React в 2023 году. Часть 2

Дочерние свойства (Children Props).
В JSX-выражениях с явно указанными открывающим и закрывающим тегами, содержимое передается как отдельное свойство: props.children. Это свойство, которое автоматически передается каждому компоненту в React. Оно используется для рендеринга содержимого, находящегося между открывающим и закрывающим тегами при вызове компонента.

Также оно применяется для вставки содержимого одного компонента внутри другого. Это свойство позволяет передавать функции в качестве дочерних компонентов.

   function house(props) {
     return <h3> Hello { props.children }!</h3>;
    }

     function room() {
     return (
     <>
     <h1>How Are You?</h1>
      <house type="duplex" />
     </>
     );
   }

👉 @sWebDev

Carousel

Карусель с эффектом размытия, выполненная с применением библиотеки Swiper.js.

👉 @sWebDev

Миграция ядрового модуля Angular в автономный режим

Рассмотрим миграцию основного модуля Angular в отдельный модуль. Руководство поможет улучшить структуру проекта и облегчить сопровождение кода.

👉 @sWebDev