Category : javascript

javascript
Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React

Введение Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react…

  • суббота, 7 октября 2023 г. в 00:00:19
javascript
Heretic: full stack фреймворк на основе Marko.js

TL; DR: сайт проекта, репозиторий на Github; демо (имя пользователя: admin, пароль: password)В последнее время вышло так, что я по неведомой причине стал часто заниматься популяризацией Marko.js, декларативного и реактивного языка разметки, который разрабатывается eBay. С одной стороны, это связано с тем, что Marko незаслуженно часто обходят стороной, хотя он позволяет делать из коробки многое из того, что не получится сделать на мейнстримовых фреймворках. С другой стороны, это действительно к…

  • пятница, 6 октября 2023 г. в 00:00:29
javascript
Кулинарный гид по Vue.js: всё о props

Привет, Хабр! В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз. Props – от слова «propertie…

  • четверг, 5 октября 2023 г. в 00:00:17
javascript
Как типизировать Vuex Store

Всем привет!В этой статье мы поймем, нужно ли вам типизировать Vuex Store или нет, и если вы достаточно отчаянны, поймем, как его типизировать, чтобы не погибнуть.А нужно ли вам это ?Можно ненадоТут я бы не советовал выбирать именно Vuex по нескольким причинам:Vuex больше не будет апдейтится - на главной Vuex это написано - тык, теперь дефолтный State Manager - Pinia. По количеству коммитов на скрине ниже, можно сказать, что пациент мертв)))Pinia is now the new defaultThe official state manage…

  • четверг, 5 октября 2023 г. в 00:00:16
javascript
Как декораторы могут упростить разработку веб-форм

Относительно недавно в TC39 предложение с реализацией декораторов в EcmaScript вышло на 3-ю предфинальную стадию. Чуть позже MicroSoft выпустил 5-ю мажорную версию TypeScript, в которой новая реализация декораторов начала работать из коробки без каких-либо экспериментальных флагов. Babel тоже подсуетился, и в своей документации начал рекомендовать использовать новую реализацию декораторов. А это означает лишь то, что декораторы наконец-то начали полноценно входить в жизнь JavaScript разработчи…

  • среда, 4 октября 2023 г. в 00:00:16
javascript
Infinite scroll (бесконечный скролл) +Virtualization (виртуализация) на примере ReactJS+ RTK Query

На сегодняшний день любое уважающее себя предприятие, будь то магазин строительных товаров или компания по предоставлению услуг в сфере бизнеса, все они стремятся «выложить» свои товары и услуги в интернет. Это и понятно – мы живем в век бурно развивающихся технологий и доступ в интернет имеет более 65% населения мира (около 5.3 млрд. человек), а к 2025 году это число увеличится до 6.54 млрд. (внушительно, не правда ли?). Так, о чем я, всех их нужно обслуживать, всем им нужно предлагать услуги…

  • вторник, 3 октября 2023 г. в 00:00:15
javascript
React Fiber & Concurrency Part 2 (2)

В сети много статей и докладов, которые описывают React Fiber, но, к сожалению, они сейчас уже не актуальны. Заметив это, я решил разобраться и актуализировать информацию. Моими основными помощниками были исходники и отладчик, поэтому здесь вы увидите множество ссылок на код из репозитория React. Теперь я хочу поделиться результатами своей работы с вами.Тема разделена на две статьи. Первая статья рассказывает о процессе обновления и внесения изменений в DOM. Вторая статья посвящена реализации …

  • вторник, 3 октября 2023 г. в 00:00:14
javascript
FeathersJS: Быстрая навигация в мире Node.js и MongoDB

Источник: https://feathersjs.com/Feathers - это популярный JavaScript-фреймворк, построенный поверх Express, который упрощает разработку приложений на Node.js. Этот фреймворк предоставляет набор инструментов которые позволяют быстро создавать веб-серверы и API.Основные преимущества FeathersПростота и скорость разработки: Feathers упрощает создание приложений благодаря своей интуитивной структуре и множеству встроенных инструментов. Вы можете быстро создать API или веб-сервер.Расширяемость: У F…

  • вторник, 3 октября 2023 г. в 00:00:14
javascript
Infinity scroll (бесконечный скролл) +Virtualization (виртуализация) на примере ReactJS+ RTK Query

На сегодняшний день любое уважающее себя предприятие, будь то магазин строительных товаров или компания по предоставлению услуг в сфере бизнеса, все они стремятся «выложить» свои товары и услуги в интернет. Это и понятно – мы живем в век бурно развивающихся технологий и доступ в интернет имеет более 65% населения мира (около 5.3 млрд. человек), а к 2025 году это число увеличится до 6.54 млрд. (внушительно, не правда ли?). Так, о чем я, всех их нужно обслуживать, всем им нужно предлагать услуги…

  • понедельник, 2 октября 2023 г. в 00:00:13