Hyperapp
Hyperapp - это единая библиотека, которая обеспечивает управление состоянием приложения (state) и иммутабельностью, как в Redux/Elm. Также, Hyperapp использует подходы функционального программирования при управлении своим состоянием.
Ознакомиться с полным обзором данной библиотеки можно в статье по ссылке.
👉 @sWebDev
Hyperapp - это единая библиотека, которая обеспечивает управление состоянием приложения (state) и иммутабельностью, как в Redux/Elm. Также, Hyperapp использует подходы функционального программирования при управлении своим состоянием.
Ознакомиться с полным обзором данной библиотеки можно в статье по ссылке.
👉 @sWebDev
5 библиотек JS, которые надо попробовать в 2022
В статье краткий обзор 5 интересных библиотек для JavaScript, с которыми стоит познакомиться в 2022 году.
👉 @sWebDev
В статье краткий обзор 5 интересных библиотек для JavaScript, с которыми стоит познакомиться в 2022 году.
👉 @sWebDev
Solid.js
Solid — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов без использования виртуальной DOM. Она однократно компилирует шаблоны, превращая их в узлы реальной DOM, а благодаря тщательно спланированным механизмам обновления контента при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения.
👉 @sWebDev
Solid — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов без использования виртуальной DOM. Она однократно компилирует шаблоны, превращая их в узлы реальной DOM, а благодаря тщательно спланированным механизмам обновления контента при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения.
👉 @sWebDev
Чем лендинг отличается от сайта и зачем он нужен? Как дизайнеры создают лендинги? Разберёмся на мастер-классе!
→ Бесплатно, 31 мая в 19:00
Говорить и показывать будут эксперты:
◾️ Ника Злобина
Коммуникационный дизайнер уже 8 лет.
Создает креативные концепции, айдентику, занимается 3D и моушн-дизайном, разрабатывает лендинги. Соосновательница дизайн-студии Sisters.
◾️ Лена Хурина
Коммуникационный дизайнер уже 7 лет
Фрилансер, работала штатным дизайнером в Borodin.Design, Brightlab, Tabor.
На мастер-классе будет сеанс лайв-дизайна, где вы:
— узнаете, что такое лендинг и чем он отличается от других сайтов;
— разберётесь, как спроектировать лендинг: создать структуру и важные блоки;
— научитесь настраивать простую сетку для лендинга в Figma;
— посмотрите, как в прямом эфире дизайнер подбирает композицию, шрифты, цвета и иллюстрации.
→ Зарегистрироваться на мастер-класс
→ Бесплатно, 31 мая в 19:00
Говорить и показывать будут эксперты:
◾️ Ника Злобина
Коммуникационный дизайнер уже 8 лет.
Создает креативные концепции, айдентику, занимается 3D и моушн-дизайном, разрабатывает лендинги. Соосновательница дизайн-студии Sisters.
◾️ Лена Хурина
Коммуникационный дизайнер уже 7 лет
Фрилансер, работала штатным дизайнером в Borodin.Design, Brightlab, Tabor.
На мастер-классе будет сеанс лайв-дизайна, где вы:
— узнаете, что такое лендинг и чем он отличается от других сайтов;
— разберётесь, как спроектировать лендинг: создать структуру и важные блоки;
— научитесь настраивать простую сетку для лендинга в Figma;
— посмотрите, как в прямом эфире дизайнер подбирает композицию, шрифты, цвета и иллюстрации.
→ Зарегистрироваться на мастер-класс
Создаем блог на React и RestDB
В статье пошаговый гайд разработки собственного блога с применением React и RestDB.
👉 @sWebDev
В статье пошаговый гайд разработки собственного блога с применением React и RestDB.
👉 @sWebDev
D3.JS
Эта JavaScript библиотека работает с SVG для рендеринга графиков, диаграмм и динамической визуализации. Существует множество библиотек, помогающих создать необходимый функционал, но ни одна не выделяется так сильно как D3.js. Полный обзор возможностей по ссылке.
👉 @sWebDev
Эта JavaScript библиотека работает с SVG для рендеринга графиков, диаграмм и динамической визуализации. Существует множество библиотек, помогающих создать необходимый функционал, но ни одна не выделяется так сильно как D3.js. Полный обзор возможностей по ссылке.
👉 @sWebDev
Создаем 3D анимацию на React
Рассмотрим, как создать 3D анимацию на React Three Fiber (R3F). Создание, настройка, геометрия, освещение и постобработка - все это в статье по ссылке.
👉 @sWebDev
Рассмотрим, как создать 3D анимацию на React Three Fiber (R3F). Создание, настройка, геометрия, освещение и постобработка - все это в статье по ссылке.
👉 @sWebDev
Create.js
От веб-анимации до диджитал медиа – с помощью Create.js вы можете работать с чем угодно. Это не одна библиотека, а набор, созданных для разных целей. Например, Easel.js работает с HTML5 canvas элементами, Tweet.js помогает создавать анимации.
Каждая библиотека из сборки служит для определенной цели и предлагает современные возможности для всех основных браузеров.
👉 @sWebDev
От веб-анимации до диджитал медиа – с помощью Create.js вы можете работать с чем угодно. Это не одна библиотека, а набор, созданных для разных целей. Например, Easel.js работает с HTML5 canvas элементами, Tweet.js помогает создавать анимации.
Каждая библиотека из сборки служит для определенной цели и предлагает современные возможности для всех основных браузеров.
👉 @sWebDev
Omniscient.js
Эта бесплатная JavaScript библиотека осуществляет рендеринг для всех фронтенд компонентов сверху вниз. Вы можете писать функциональный JS код с нуля и работать с отличной библиотекой пользовательского интерфейса React.
👉 @sWebDev
Эта бесплатная JavaScript библиотека осуществляет рендеринг для всех фронтенд компонентов сверху вниз. Вы можете писать функциональный JS код с нуля и работать с отличной библиотекой пользовательского интерфейса React.
👉 @sWebDev
Remotion
Remotion - это инструмент, благодаря которому, можно создавать видео с использованием React. Ознакомиться с подробным обзором можно по ссылке.
👉 @sWebDev
Remotion - это инструмент, благодаря которому, можно создавать видео с использованием React. Ознакомиться с подробным обзором можно по ссылке.
👉 @sWebDev
Шаблоны архитектуры React
По ссылке доступен обзор популярных архитектур React, которые вы можете использовать в ваших проектах.
👉 @sWebDev
По ссылке доступен обзор популярных архитектур React, которые вы можете использовать в ваших проектах.
👉 @sWebDev
Как управлять состоянием в Angular по мере роста приложения?
Порой трудно заранее понять, какая архитектура будет удачной, а какая нет. Особую сложность представляет организация управления состоянием. Как лучше всего хранить и синхронизировать данные, которые нужно отображать? Каждый по-своему подходит к решению этой проблемы и либо пишет весь код сам, либо берет готовую библиотеку. Любой из этих способов — со своими плюсами и минусами.
В статье рассмотрим один из вариантов решения проблемы управления состоянием на примере разных стадий развития приложения.
👉 @sWebDev
Порой трудно заранее понять, какая архитектура будет удачной, а какая нет. Особую сложность представляет организация управления состоянием. Как лучше всего хранить и синхронизировать данные, которые нужно отображать? Каждый по-своему подходит к решению этой проблемы и либо пишет весь код сам, либо берет готовую библиотеку. Любой из этих способов — со своими плюсами и минусами.
В статье рассмотрим один из вариантов решения проблемы управления состоянием на примере разных стадий развития приложения.
👉 @sWebDev
Intro.js
Intro.js - создан для разработки простых и мощных руководств пользователей. Библиотека позволяет продемонстрировать возможности вашего продукта и показать, как им пользоваться. Данную библиотеку используют такие компании, как: Amazon, Nestle и другие.
👉 @sWebDev
Intro.js - создан для разработки простых и мощных руководств пользователей. Библиотека позволяет продемонстрировать возможности вашего продукта и показать, как им пользоваться. Данную библиотеку используют такие компании, как: Amazon, Nestle и другие.
👉 @sWebDev
Мемоизация в JavaScript и React
В этой статье мы рассмотрим мемоизацию (запоминание). Метод оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными.
Изучим основы мемоизации и разберемся, когда её стоит применять.
👉 @sWebDev
В этой статье мы рассмотрим мемоизацию (запоминание). Метод оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными.
Изучим основы мемоизации и разберемся, когда её стоит применять.
👉 @sWebDev
Ref() vs Reactive() в Vue 3
В статье наглядный обзор двух методов, возвращающих реактивный объект. Рассмотрим их особенности и различия.
👉 @sWebDev
В статье наглядный обзор двух методов, возвращающих реактивный объект. Рассмотрим их особенности и различия.
👉 @sWebDev
Создаем игру на Three.js
Благодаря развитию браузерных технологий, аппаратному ускорению и повышению производительности JavaScript, разработка интерактивных игр для браузеров становится распространенным явлением. В статье мы изучим руководство по созданию собственной игры при помощи Three.js.
👉 @sWebDev
Благодаря развитию браузерных технологий, аппаратному ускорению и повышению производительности JavaScript, разработка интерактивных игр для браузеров становится распространенным явлением. В статье мы изучим руководство по созданию собственной игры при помощи Three.js.
👉 @sWebDev
Стейт менеджмент в React с MobX
Один из наиболее часто задаваемых вопросов при создании приложений React относится к управлению состоянием. В этом руководстве мы узнаем, как использовать MobX для решения данной проблемы и ознакомимся с общими принципами и концепциями MobX.
👉 @sWebDev
Один из наиболее часто задаваемых вопросов при создании приложений React относится к управлению состоянием. В этом руководстве мы узнаем, как использовать MobX для решения данной проблемы и ознакомимся с общими принципами и концепциями MobX.
👉 @sWebDev
Полное руководство по аутентификации с React Router 6
React Router v6 — популярная и мощная библиотека маршрутизации для приложений React. Она обеспечивает декларативный, основанный на компонентах подход к маршрутизации. Подробное руководство по работе с React Router по ссылке.
👉 @sWebDev
React Router v6 — популярная и мощная библиотека маршрутизации для приложений React. Она обеспечивает декларативный, основанный на компонентах подход к маршрутизации. Подробное руководство по работе с React Router по ссылке.
👉 @sWebDev
Webix UI Library
Webix специализируется исключительно на бизнес-приложениях. Библиотека содержит 100+ UI виджетов, из которых можно собрать абсолютно любое бизнес-приложение.
Подробный обзор по ссылке.
👉 @sWebDev
Webix специализируется исключительно на бизнес-приложениях. Библиотека содержит 100+ UI виджетов, из которых можно собрать абсолютно любое бизнес-приложение.
Подробный обзор по ссылке.
👉 @sWebDev
Vue 3 и взаимодействие компонентов
Vue 3 позволил разработчикам создавать более гибкую структуру приложений. Часто можно заметить, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяют какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов. В статье подробно рассмотрим эту тему и изучим варианты взаимодействия компонентов доступные нам во Vue.
👉 @sWebDev
Vue 3 позволил разработчикам создавать более гибкую структуру приложений. Часто можно заметить, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяют какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов. В статье подробно рассмотрим эту тему и изучим варианты взаимодействия компонентов доступные нам во Vue.
👉 @sWebDev