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

Mithril.js Mithril.js — это современный клиентский JS-фреймворк, предназначенный для разработки одностраничных веб-приложений. Он отличается малыми размерами (9.79 Кб), поддерживает маршрутизацию и XHR. 👉 @sWebDev

10 методов стилизации приложения на React В статье упоминаются популярные: inline-style, styled components. А также, менее распространенные: React JSS, Radium и React Shadow. Рассмотрим React Shadow:

 npm i react-shadow 

import React from "react";
import root from "react-shadow";
import styles from "homepage.css";

const Homepage = () => {
  return (
    <root.div>
      <div className="container">
        <h1>Welcome to React</h1>
        <p>This is a simple homepage</p>
      </div>
      <style type="text/css">{styles}</style>
    </root.div>
  );
};

export default Homepage;

 

Подробное использование других методов стилизации доступно по ссылке. 👉 @sWebDev

Разработка пакетного менеджера на Node.js В прикрепленном туториале информация о том, как разработать собственный пакетный менеджер, используя Node.js и TypeScript. 👉 @sWebDev

Управляем состоянием с помощью Easy Peasy в React Easy Peasy — это проект с открытым исходным кодом, получивший более 4,1 тыс. Звезд на GitHub. В этом руководстве мы узнаем, как использовать Easy Peasy для управления состоянием в приложениях React. Разберёмся с основными концепциями Easy Peasy, вариантами использования и построим простой пример. 👉 @sWebDev

Создаем свой музыкальный плеер на Vue.js Рассмотрим варианты создания музыкальных плееров на Vue. В статье представлен краткий обзор функционала каждого варианта и прикреплен репозиторий для знакомства с кодом проекта. 👉 @sWebDev

История Angular Angular появился в 2010 году и смог проделать длинный и извилистый путь в мире веб-разработки, но до сих пор он остаётся одним из самых популярных фронтенд-фреймворков. В статье ознакомимся с историей Angular, с момента его появления и до наших дней. 👉 @sWebDev

Floating UI JavaScript библиотека, позволяющая легко настраивать позиционирование всплывающих элементов на странице. 👉 @sWebDev

Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу Чем раньше вы нырнёте с головой в продакшен, тем быстрее почувствуете себя уверенно на рынке труда. Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах IT-кластера Ростелеком. 65% выпускников Хекслет получают оффер на первых 5 собеседованиях! Начните учиться прямо сейчас, чтобы оценить формат: https://clck.ru/gooGp

Композиция компонентов React Разбираемся, зачем в React нужна компонентная композиция и как делать её правильно. 👉 @sWebDev

Эффект прозрачного стекла на Three.js В Three.js с версии r129 появились новые функции, позволяющие создавать элементы похожие на стекло и пластик. В статье рассмотрим, как такого эффекта можно добиться в своем проекте. 👉 @sWebDev

Style директива в Svelte Наглядное руководство по тому, как использовать директиву style в svelte правильно. 👉 @sWebDev

Флаги функций в React Флаги функций — механизмы, которые разработчики могут использовать для безопасного выпуска программного обеспечения. Они позволяют добавлять или удалять функции из программной системы в реальном времени, без необходимости каких-либо изменений кода при развертывании. 👉 @sWebDev

Хотите научиться делать один из самых популярных элементов анимации? 🤔 ⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS. 📚Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов. Урок дает возможность предварительно попробовать новый онлайн-курс «Веб-анимации». 👉🏻Регистрация на вебинар: https://otus.pw/QO7V/

API реактивности Vue 3 Реактивность во Vue - это функция, позволяющая обновлять содержимое экрана исходя из изменений внутри кода. В статье речь идёт о ref, но автор также упоминает toRef, toRefs и isRef. 👉 @sWebDev

Splide Splide.js - универсальная библиотека для создания слайдеров и каруселей. Благодаря ей, вы можете добавить карусель несмотря на то, используется ли чистый JavaScript, TypeScript, React или Vue. 👉 @sWebDev

Методы обхода защиты Vue JS Одним из недостатков Vue является уязвимость для XSS атак. В статье мы рассмотрим: 1. Директивы; 2. Минимизация векторов; 3. События; 4. Мутации; 5. Адаптация полезной нагрузки для VueJS 3; 6. Teleport; 7. Сценарии использования. 👉 @sWebDev

Objection.js Objection.js - библиотека для Node.js, упрощающая взаимодействие с БД и не перегруженная дополнительными функциями. Рассмотрим ее специфику и принципы работы. 👉 @sWebDev

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

Dann.js Dann.js - это несложная библиотека, которая используется для работы с нейронными сетями в JavaScript. 👉 @sWebDev

Компоненты конструкторы Angular Об использовании ng-content при разработке многократно используемых компонентов расскажет Роман Седов, разработчик "Тинькофф". 👉 @sWebDev