你好! Меня зовут Дмитрий, я фронтенд-разработчик в компании fuse8. Сегодня мы рассмотрим, как можно проводить валидацию кастомных компонентов в формах из UI-библиотеки ElementPlus. Если вы работали с формами в ElementPlus, то наверняка знаете, что библиотека предоставляет простой интерфейс для валидации. Но что делать, если в форме используется кастомный компонент и необходимо применить правило валидации, которое передали в форму? С этим и разберёмся. Базовый пример валидации из документации Н…
Почему мигрируемИсходный стекЖизнь до реакта — JQueryЧто такое неймспейсыReact-like контекстМиграцияПочему React?Подход к миграцииОтдельный проект — библиотека компонентовКонфигурация WebpackИнтегрируемНельзя просто так взять и мигрироватьКастомный генератор типовУправление состоянием — ZustandСтилиПесочницаЗаключениеВокруг все говорят о серверных компонентах реакта, о серверном рендеринге, и разных новшествах в мире фронтенде. Как будто JQuery в один миг взял и исчез. Несмотря ни на что он всё…
Многие компании продолжают активно использовать Excel и язык макросов VBA для обработки и анализа данных. Однако с переходом на отечественные офисные решения (например, Р7-Офис) появилась необходимость в разработке новых инструментов обработки данных на JavaScript. В ЛАНИТ мы помогаем клиентам осуществить переход на Р7-Офис и создаем макросы, которые ранее использовались в Excel. Во время этого процесса наши разработчики внимательно анализировали запросы пользователей и выявили несколько общих …
Всем привет! 13 ноября, в официальном Telegram канале Feature Sliced Design состоялся релиз новой версии архитектурной методологии. Он принёс в себе несколько важных, фундаментальных изменений, о которых мы сегодня и поговорим. Если вы не знакомы с архитектурной методологией Feature Sliced Design, можете познакомиться с ней здесь.ПредисловиеЕсли Вы не подписаны на Telegram канал FSD, вероятно Вы даже не знаете, что минорная версия методологии обновилась, так как нигде на официальном сайте (кро…
Не спорю и не критикую учебные подходы. Просто делюсь своей болью: как тавтология в примерах наследования (this.name = name) вгоняла в ступор на старте. сбитый с толку pre-juniorСейчас, когда я работаю с наследованием и понимаю контекст this, мне очевидно😎, зачем в примере используется this.name = name. Но на старте моего пути это было одной из тех вещей, которые сбивали с толку🤯.Когда видишь подобный пример:function Person(name, age, gender) { this.name = name; this.age = age; this.gende…
На протяжении многих лет сообщество веб-разработчиков накапливало знания об оптимизации производительности веб-приложений. Хотя каждая отдельная оптимизация может привести к улучшению работы сайта, совместное применение всех методов является довольно сложной задачей. Кроме того, лишь некоторые из них применимы к какому-либо конкретному сайту. Вопросы производительности могут быть не столь очевидны для тех, чья карьера не была связана с этой областью. Именно поэтому важно понимать, какие оптим…
Ну что, продолжаем критиковать существующие подходы создания пользовательских интерфейсов, стоить теории - как привести все это дело в порядок, и ныться о том, как мы до такого докатились.Данная статья является основной частью ранее опубликованную работы, посвященной синтаксису и способам определения шаблонов компонентов.https://habr.com/ru/articles/864816/Не будем сразу обращаться к содержанию предыдущей статьи, начнем с базы.База. ПонятияНа случай если кто-то не особо понимает, о чем речь, ос…
Статья о том, как фронтенд-команде компании Чиббис, выдалась возможность построить с нуля новый проект и использовать в нем новые(для нас в компании) подходы и инструменты, в частности React-Query(про FSD и Tramvai в следующих статьях). Какие преимущества нам дал RQ, нашлись ли недостатки, целесообразность использования его в новых и существующих проектах.Общая информация, предыстория, терминологияЭтим летом команда Чиббиса успешно выпустила новый проект - обновленный личный кабинет партнера (Л…
Приветствую всех читателей Хабра!Расскажу предысторию создания данного постаНедавно, скучая после безумно нудного учебного дня и залипая в очередной раз на любимом видеохостинге, мне попалось интересное видео, сподвигшее к созданию невероятного (внизу версия на Рутуб, выложенная мной, для читателей из России).Как можно видеть в самом видео, человек, нажимая на кнопку в Майнкрафте, включает у себя лампу в реальной жизни. Круто! Но как это работает?После прочтения комментариев (и ответа самого со…