Frontender Libs - обзор библиотек JS / CSS

Fox in the wind 3D модель лисицы, выполненная на SCSS и Three.js. 👉 @sWebDev

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

Адаптивный фавикон для современных веб-приложений на React Вы, вероятно, стараетесь использовать возможности современных браузеров по максимуму, чтобы обеспечить оптимальный уровень пользовательского опыта. Поэтому необходимо заменять традиционные фавиконы адаптивными иконками, интересными современным пользователям. Поговорим о том, как разработать и использовать в React-проекте адаптивные SVG-фавиконы, а также об их преимуществах. 👉 @sWebDev

Granim.js Хотите украсить фон сайта красочным градиентом? Воспользуйтесь Granim.js. Эта небольшая библиотека JavaScript идеально подходит для добавления плавных и интерактивных градиентов. 👉 @sWebDev

Карточка товара на Three.js Анимированная карточка товара, выполненная с применением библиотеки Three.js. 👉 @sWebDev

Если вы разработчик и у вас есть пара минут, порефлексируйте, пожалуйста, с нами о новой реальности в небольшом опросе. Ваши ответы помогут крупной IT-компании понять, где теперь лучше организовывать профессиональные мероприятия и оказывать помощь и поддержку комьюнити. Пройти опрос

Будущее рендеринга React Статья с наглядными примерами и пояснением к существующим и грядущим паттернам рендеринга React. 👉 @sWebDev

Silkscreen Squiggles Анимация появляющихся элементов, выполненная на CSS, SVG и GSAP.js. 👉 @sWebDev

Glimmer Библиотека, которая помогает при работе с компонентами пользовательского интерфейса и отрисовкой DOM. Построена на базе Ember CLI и использует Git, Node.js, npm и Yarn. Если требуется инструмент для создания компонентов и оптимизации их работы, то присмотритесь к Glimmer. 👉 @sWebDev

Найти работу во Frontend можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть. Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs

Анимированная сфера на Anime.js Проект анимированной сферы, выполненный с применением библиотеки Anime.js. Кстати, подобная сфера используется на сайте данной библиотеки. 👉 @sWebDev

4PDA теперь в Telegram! 4PDA – крупнейший в рунете тематический ресурс, посвященный технологиям, приложениям и кодингу. Специально для программистов у них появился официальный канал в телеграм, где вы увидите сливы платных курсов, интересные статьи и много другого! Подписывайтесь: @4pda_forum

Возвращаем значение с состоянием в React Хук useState возвращает значение с состоянием и функцию для его обновления. const [state, setState] = useState(initialState) Во время первоначального рендеринга возвращаемое состояние (state) совпадает со значением, переданным в качестве первого аргумента (initialState). Функция setState используется для обновления состояния. Она принимает новое значение состояния и ставит в очередь повторный рендер компонента. setState(newState) Во время последующих повторных рендеров первое значение, возвращаемое useState, всегда будет самым последним состоянием после применения обновлений. 👉 @sWebDev

AOS – Animate On Scroll Отличный вариант библиотеки для одностраничного сайта. Animate on Scroll добавит приятную анимацию при прокручивании страницы. Библиотека поможет создать привлекательный дизайн со множеством элементов: эффекты затухания, размещение статических привязок и многое другое. 👉 @sWebDev

Можно ли использовать в Angular private переменные в шаблоне? Представим, что в своем Angular шаблоне вы использовали private переменную. Например, в таком формате:

  selector: 'private-error',
  template: ` <div>{{ message }}</div> `,
})
export class PrivateErrorComponent {
  private message: string = 'Variable should be public'
  constructor() {}
}

Повлечет ли это какие-то проблемы в приложении? Не уверены? Можно подсмотреть в наш пост за 24.10. 👉 @sWebDev

Tremor Tremor - Библиотека React для быстрого создания дашборд-панелей на вашем сайте. 👉 @sWebDev

Art Gallery Проект анимированной галереи, выполненный на CSS и Three.js. 👉 @sWebDev

Algolia Places Algolia Places – библиотека JavaScript для автоматического заполнения форм. Специализируется на адресах, может добавить карту в поиск и отобразить местоположение. Точная и сверхбыстрая библиотека повысит удобство работы пользователей с вашим сайтом. 👉 @sWebDev