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

Остался в РФ и думаешь о своем будущем? Посмотри на IT! Это отличный шанс для всех, ведь в 2022 году на рынке освободилось место для новых специалистов после оттока айтишников из страны. Поступай в Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства с зарплатой от 80 000₽. Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой. По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска. Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!

Методы выборки данных с помощью React Многие веб-приложения полагаются на данные из внешних источников, чтобы обеспечить хорошее взаимодействие с пользователем. Знание различных методов выборки данных в React позволит вам принимать обоснованные решения о наилучшем варианте использования вашего приложения. В этой статье мы рассмотрим различные методы получения данных в веб-приложениях, созданных с помощью React. 👉 @sWebDev

We built a 100% open-source, headless React framework(5.2K Stars on GitHub) for CRUD apps, so you can quickly build admin panels and dashboards while still remaining flexible.✨  refine seamlessly works with any custom design or UI framework you favor. For convenience, it ships with ready-made integrations for Ant Design System, Material UI, Mantine, and Chakra UI🚀 GitHub: https://s.refine.dev/refine

Editor.js Editor.js - библиотека, которая может прийти на помощь, если в проекте часто возникает необходимость в текстовом редакторе. Её можно использовать в проектах, написанных на чистом JavaScript, и в проектах, основанных на каких-либо фреймворках, вроде React. 👉 @sWebDev

Создание экземпляра приложения Vue.js Создание любого приложения Vue начинается с создания нового экземпляра приложения с помощью createApp :

   const app = Vue.createApp({
     /* опции */
   })

Экземпляр приложения используется для регистрации «глобальных» вещей, которые будут затем использоваться компонентами внутри этого приложения. 👉 @sWebDev

Разработчик из Яндекс, создал канал, где делится фишками по фронтенд разработке. На сегодняшний день, фронтенд – это одна из самых перспективных ниш в IT. Даже полный лентяй сможет освоить её за 2-3 месяца и начать зарабатывать от 70 000 р. В данном канале есть все для этого: - Примеры анимаций - Тесты на проверку знаний - Статьи по html, css, js Канал читают как новички, так и опытные программисты. Подписывайся скорее - @big_proger

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