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

Анимированный фон на Pixi.js Реализация анимированного фона с использованием библиотеки Pixi.js. 👉 @sWebDev

Планируете начать настраивать среды разработки с Vite.js? 🚀Приходите 30 марта в 20:00 на урок, который пройдет в рамках онлайн-курса «Vue.js разработчик». Vite отлично подходит для сложных проектов, где требуется взаимодействие с сервером. В отличие от других инструментов, он легко встраивается через терминал и может быстро разворачиваться. Приглашаем всех желающих на открытый урок, на котором рассмотрим миграцию на Vite с Vue CLI, а также его преимущества: - Мгновенное время запуска сервера разработки - Горячая замена модулей из коробки - Простая конфигурация - Поддержка модулей ES из коробки 👉🏻 Чтобы записаться на урок, пройдите вступительное тестирование https://otus.pw/jjcV/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Управление состоянием в Vue с Pinia ORM Гайд по использованию Pinia ORM для управления состоянием в Vue.js. В материале достаточно примеров и объяснений, которые помогут разработчикам эффективнее управлять состоянием приложения и упростят код. 👉 @sWebDev

Откладываем загрузку компонента в React React.lazy() - функционал, который позволяет отложить загрузку компонента до момента, когда он будет необходим для отображения. Например:

        import React, { lazy, Suspense } from 'react';

        const MyComponent = lazy(() => import('./MyComponent'));

        function App() {
        return (
            <div>
            <Suspense fallback={<div>Loading...</div>}>
                <MyComponent />
            </Suspense>
            </div>
        );
        }

👉 @sWebDev

Новые возможности Angular Router Автор описывает новые возможности и улучшения в Angular Router. Например, переходы на несколько URL-адресов, сохранение состояний маршрутов и поддержку браузерной истории. 👉 @sWebDev

Как задать интервал функции React? Представьте, что вам нужно отложить вызов функции в React приложении. Каким хуком это можно сделать? 👉 @sWebDev

В телеге появился канал, где платят за вёрстку макетов Figma. Нет, это не прикол. На канале каждый день публикуются макеты сайтов в Figma. Верстаешь их, сдаёшь и получаешь свои деньги. Подробности в закрепе. Залетай, пока не поздно!

Barcode Writer in Pure JavaScript JavaScript библиотека для генерации штрих-кодов. Не требует установки сторонних программ или плагинов, работает в браузере. Библиотека поддерживает множество типов штрих-кодов, включая EAN, CODE128 и QR-коды, и позволяет настраивать многие аспекты генерируемого кода. 👉 @sWebDev

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/3MOJ/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Sacred geometry 3D - 2 3D-анимация, выполненная с помощью Three.js. 👉 @sWebDev

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

🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/Z4in/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Donuts Paradise Генератор пончиков, выполненный с применением библиотеки Three.js. 👉 @sWebDev

Umbrella JS Umbrella JS - JavaScript библиотека для работы с DOM-элементами. Она предоставляет чистый и простой API, который можно использовать для создания, поиска и манипулирования элементами на странице. Код библиотеки легко читаем и понятен. Основным преимуществом является небольшой размер. 👉 @sWebDev

Решено: Не работает ввод — React Рассмотрим проблему, когда пользователь не может вводить текст в поле ввода React. Автор статьи описывает причину и предоставляет простое решение. Если вы столкнулись с такой проблемой, то материал будет полезным для вас. 👉 @sWebDev

Node, Nest, Next, Express🤯 - пора бы всё объединить! Для этого мы создали отдельный уголок - Серверный JavaScript. Собрали всё, проверяй🔥

Icosahedron: Perlin Noise + Isolines + SelectiveBloom Анимированная сфера, выполненная с применением библиотеки Three.js. 👉 @sWebDev

Состояние компонента при помощи функции-редьюсера в React useReducer в React дает управлять состоянием компонента с помощью функции-редьюсера. Пример:

         import React, { useReducer } from 'react';
         const initialState = { count: 0 };

         function reducer(state, action) {
          switch (action.type) {
           case 'increment':
            return { count: state.count + 1 };
           case 'decrement':
            return { count: state.count - 1 };
           default:
            throw new Error();
           }
         }

         function Counter() {
           const [state, dispatch] = useReducer(reducer, initialState);
            return (
            <>
            Count: {state.count}
            <button onClick={() => dispatch({ type: 'increment' })}>+</button>
            <button onClick={() => dispatch({ type: 'decrement' })}>-</button>
            </>
            );
            }

👉 @sWebDev

FRONT-END! Да, пора бы уже выучить эту технологию или хотя бы название. Помогут вам в этом следующие статьи: - Что должен уметь Frontend разработчик в 2023 году - Как создать многопользовательский чат с помощью WebSocket за 10 минут - Как стать джуном, которого берут на работу - Еще одна новая фича JS - structuredClone Для удобства собрали всё здесь: @Front