Barrel export для организации React компонентов.

В статье рассматриваем как использовать barrel export для организации React компонентов.

👉 @sWebDev

PureMVC

Фреймворк, основная цель которого состоит в разделении интересов создаваемого кода. Суть кроется в названии, MVC — Model, View и Controller. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev

Тестирование компонентов React

В статье подробное руководство по тестированию ваших веб-компонентов на React. Ознакомиться подробнее можно в статье по ссылке.

👉 @sWebDev

Приложение с записками на React

В статье рассмотрим, как создать красивое приложение с записками, используя React и localStorage.

👉 @sWebDev

Push.js

Ищете хорошее руководство и инструмент по реализации push-уведомлений? Познакомьтесь с библиотекой Push.js. Понятный интерфейс, доступная документация - это лишь несколько плюсов данной библиотеки.

👉 @sWebDev

6 проверенных методов повышения безопасности Node.js

Node.js широко используется в вебе и мобильных клиент-серверных приложениях. К сожалению, востребованность Node.js заставила злоумышленников искать новые лазейки к неправильным конфигурациям и уязвимостям. На разработчиках лежит ответственность за безопасность и защищенность от хакерских атак. Узнать о проверенных практиках повышения безопасности приложений Node.js можно в статье по ссылке.

👉 @sWebDev

Совместное использование компонентов React с Webpack 5

Существует множество статей, посвящённых использованию компонентов совместно с Webpack. В большинстве из них есть скрытые проблемы и ошибки, которые усложняют понимание материала. Эта статья написана с учетом возможных трудностей и позволяет понять процесс полностью.

👉 @sWebDev

React Virtualized

Библиотека React Virtualized помогает повысить эффективность рендеринга больших списков и табличных данных. Она позволяет ограничить количество запросов и элементов DOM и повышает общую производительность приложений React. Существует множество инструментов, похожих на React Virtualized, но что выгодно отличает эту библиотеку от конкурентов, так это количество функциональных возможностей и отличная поддержка.

👉 @sWebDev

Книжный магазин на React 18, Vite, Netlify и Nightwatch

По ссылке руководство по созданию приложения для книжного магазина, с применением стека: React 18, Vite, Netlify и Nightwatch.

👉 @sWebDev

Todo-приложение на React

Рассмотрим, как с нуля создать приложение Todo (список дел) с помощью React. Это будет базовое приложение с полем для ввода Todo и кнопкой рядом с каждым элементом, предназначенной для его удаления.

👉 @sWebDev

Змейка из чекбоксов с Checkboxland

Checkboxland - библиотека, разработанная в пандемию, в качестве развлечения. Позволяет отображать текст и анимацию на сетке, созданной из чекбоксов.
В статье изучим принципы работы и сами попробуем кое-что создать.

👉 @sWebDev

Theatre.js

Theatre.js — библиотека анимации JavaScript. С её помощью можно анимировать DOM, WebGL, а также любую переменную JavaScript. 2D, 3D, анимация клавиш и создание переходов.

👉 @sWebDev

React Context

Благодаря React Context можно без использования props’ов передавать и применять данные в любом компоненте приложения. Узнать все подробности можно в статье по ссылке.

👉 @sWebDev

Анимация в React с помощью AnimXYZ

По ссылке доступно руководство по созданию анимации в React с применением библиотеки AnimXYZ.

👉 @sWebDev

Слайдер на React

Статья-руководство по созданию и оптимизации слайдера на React. Кстати, разработка такого функционала часто может являться тестовым заданием при устройстве на работу. Узнать все особенности этого процесса можно в статье по ссылке.

👉 @sWebDev

Fomir

Fomir - библиотека для создания форм, основанная на схеме-дереве JSON. Если вы знакомы со множеством библиотек для создания форм: redux-form, final-form или react-hook-form, и ни одна из них вам не подходит, то есть смысл попробовать Formir. Подробности в репозитории.

👉 @sWebDev

Управляем текстурами в Three.js

По ссылке обзор методов и практик по управлению текстурами в Three.js.

👉 @sWebDev

FilePond

FilePond - JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений.

👉 @sWebDev

Как создать и развернуть библиотеку компонентов Vue в NPM

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

👉 @sWebDev

Fullpage.js

Хотите улучшить скролл в вашем проекте? Есть смысл попробовать Fullpage.js. Библиотека предоставляет набор гибких свойств для управления скроллом на веб-страницах.

👉 @sWebDev

Vue здорового pragmatica. Как правильно делать выбор между React и Angular

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

👉 @sWebDev