Павел Малышев PaulMaly

PaulMaly 25 апреля 2020 в 14:31

Svelte, исчезающий фреймворк, который уже не исчезнет

• JavaScript,
• Angular,
• ReactJS,
• VueJS,
• SvelteJS

Когда на днях в наш уютный чатик @sveltejs в телеграм запостили ссылку на очередную «разоблачающую» статью про Svelte, я очень обрадовался, предвосхищая интересный технический батл или хотя бы увлекательное чтиво чужого практического опыта. Кроме того, что это всегда интересно и полезно, определенное стечение обстоятельств — плановый отпуск и карантин — заставляют меня скучать дома, а подобная статья могла бы несколько разнообразить мой день. Каково же было мое разочарование, вы даже представить себе не можете… но давайте по делу.

Читать дальше →

PaulMaly 30 сентября 2019 в 09:26

RE: Боль и слёзы в Svelte 3

• JavaScript,
• ReactJS,
• VueJS,
• SvelteJS

Вместо предисловия

Данный пост является ответом на вчерашнюю статью «Боль и слёзы в Svelte 3» и появился как следствие сильно «располневшего» комментария к оригинальной статье, который я решил оформить в виде поста. Ниже я буду использовать слово автор для отсылки к автору оригинальной статьи и позволю себе сделать некоторые уточнения по всем пунктам. Поехали!

Читать дальше →

PaulMaly 26 апреля 2019 в 14:42

Svelte 3: Переосмысление реактивности

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• SvelteJS

• Перевод

Буквально на днях произошло большое событие для сообщества SvelteJS, да и вообще, как мне кажется, для всего современного фронтенда — долгожданный релиз Svelte 3! Посему, под катом перевод статьи автора Svelte и прекрасное видео с его доклада на YGLF 2019.

Читать дальше →

PaulMaly 30 марта 2019 в 14:26

Почему SvelteJS возможно лучший фреймворк для новых веб-разработчиков

• Разработка веб-сайтов,
• JavaScript,
• Программирование,
• HTML,
• SvelteJS

• Перевод

Любой веб-разработчик, который занимается этим хотя бы несколько лет, наверняка день за днем слышит подобный вопрос:

Я действительно хочу стать веб-разработчиком, но я не знаю с чего начать. Есть какие-то предложения?

Лет 10 назад ответ был очень прост. Просто создайте index.html, добавьте туда несколько тегов, сделайте заголовок красным с помощью CSS и подключите JQuery для обработки кликов!

Ох, как же все изменилось. Теперь мы работаем с инструментами сборки, маршрутизацией на стороне клиента, специальными фреймворками с причудливым рантаймом, привязывая везде «this», шаблонными литералами, CSS-in-JS… как же выбрать то, что важнее всего?

Читать дальше →

PaulMaly 6 февраля 2019 в 11:39

У дизайнера новая идея? Что может быть проще

• Разработка веб-сайтов,
• CSS,
• JavaScript,
• HTML,
• SvelteJS

• Tutorial

Привет, хабровчанин! Дизайнеры люди идейные, а заказчики с их бизнес-требованиями, тем более.

Представь, что ты сваял свой самый лучший UIkit на свете на самом крутом %вставить свое% JS фреймворке. Казалось бы, там есть все, что нужно проекту. Теперь-то ты сможешь пить кофе, а все новые задачи закрывать накидыванием компонентов на страницу. Еще лучше, если ты нашел такой UIkit на помойке на просторах NPM и он идеально соответствует текущему UX/UI и его потребностям. Фантастика!

И действительно… кого я обманываю? Твое счастье, скорее всего, будет недолгим. Ведь когда дизайнер прибежит с талмудом новых UI-решений для очередной страницы или «спец-проекта», что-то по-любому пойдет не так.

В этот момент перед разработчиком встает вопрос «DRY или не DRY»? Стоит ли как-то кастомизировать существующие компоненты? Да еще так, чтобы не отхватить регрешн на существующих кейсах. Или же действовать по принципу «работает — не трогай» и написать новые компоненты с нуля. При этом, раздувая UIkit и усложняя поддержку.

Если ты, как и многие, бывал в такой ситуации, загляни под кат!

Читать дальше →

PaulMaly 20 августа 2018 в 07:25

Легенда о Фреймворке Всевластия

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• ReactJS,
• SvelteJS

• Tutorial

В последнее время набирает популярность тренд «исчезающих фреймворков», локомотивом которого, без сомнения, можно считать SvelteJS — buildtime-фреймворк и компилятор в ванильный javascript.

Несмотря на то, что концептуально Svelte весьма прост, а в использовании еще проще, многие разработчики задаются вопросом, в чем же killer-фича данного фреймворка, да и подхода в целом? Почему это не «yet another javascript framework»?

В этой статье я расскажу про одну из множества суперспособностей Svelte, которые могут всерьез облегчить вам жизнь.

Давайте разберемся, но сначала я расскажу вам одну легенду…

Читать дальше →

PaulMaly 8 августа 2018 в 19:47

Как сделать поиск пользователей по GitHub без React + RxJS 6 + Recompose

• Разработка веб-сайтов,
• JavaScript,
• ReactJS

• Tutorial

Эта статья является ответом на статью-перевод «Как сделать поиск пользователей по GitHub используя React + RxJS 6 + Recompose», которая буквально вчера научила нас как надо использовать React, RxJS и Recompose вместе. Что ж, предлагаю теперь посмотреть, как это можно реализовать без оных инструментов.

Читать дальше →

PaulMaly 22 июля 2018 в 02:46

Re: «Сравнение JS-фреймворков: React, Vue и Hyperapp»

• Разработка веб-сайтов,
• JavaScript,
• ReactJS,
• VueJS,
• SvelteJS

Это небольшая ответная статья на публикацию «Сравнение JS-фреймворков: React, Vue и Hyperapp». Вообще я не большой фанат подобных сравнений. Однако раз уж речь зашла о таком маргинальном фреймворке, как Hyperapp, в сравнении с мастодонтами, типа React и Vue, я подумал, почему бы не рассмотреть все те же примеры на Svelte. Так сказать, для полноты картины. Тем более, это займет буквально 5 минут. Поехали!

Читать дальше →

PaulMaly 22 июня 2018 в 15:50

Исчезающие фреймворки

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• SvelteJS

• Перевод

Этот пятничный пост посвящен переводу интересной статьи, вышедшей вчера на Medium. Решил осваивать для себя новый жанр переводов, поэтому прошу сильно не пинать, если где-то что-то не так. А по возможности даже уведомлять об ошибках и опечатках в личку.

Спасибо и хорошего прочтения!

Читать дальше →

PaulMaly 20 апреля 2018 в 12:52

SvelteJS: Релиз второй версии

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• SvelteJS

Буквально вчера вышла 2-я версия молодого, но весьма многообещающего фреймворка SvelteJS. Версия мажорная, а значит содержит не только новые фичи и исправленные баги, но и соответствующие «breaking changes». Что новенького предлагает разработчикам новая версия и почему Svelte стал еще лучше, читайте под катом.

Читать дальше →

PaulMaly 26 марта 2018 в 12:01

Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 4 — Компоненты и композиция

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• Node.JS

• Tutorial

В предыдущей части туториала мы решили проблемы изоморфного роутинга, навигации, фетчинга и начального состояния данных. В итоге, получилась довольно простая и лаконичная основа для изоморфного приложения, которую я также выделил в отдельный репозиторий — ractive-isomorphic-starterkit. В этой части мы начнем писать приложение RealWorld, но сначала осуществим декомпозицию. Погнали!

Читать дальше →

PaulMaly 16 марта 2018 в 11:44

Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 3 — Routing & Fetching

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• Node.JS

• Tutorial

В предыдущей части туториала мы научили наше изоморфное приложение проксировать запросы к backend api, с помощью сессии передавать начальный стейт между синхронными запросами и осуществлять Server-side rendering с возможностью переиспользования разметки на клиенте (hydrate). В этой части мы решим еще две ключевые проблемы изоморфных веб-приложений: изоморфный роутинг и навигация, и повторный фетчинг и начальное состояние данных. И сделаем это буквально 5-ю строками кода. Погнали!

Читать дальше →

PaulMaly 23 февраля 2018 в 12:36

Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 2 — Hello World

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• Node.JS

• Tutorial

В предыдущей части туториала мы узнали что такое проект RealWorld, определились целями туториала, выбрали стек технологий и написали простой веб-сервер на Express в качестве основы для изоморфного фронтенда.

В этой части, мы допилим серверную часть и напишем изоморфный «Hello World» на Ractive, а также соберем все это с помощью Webpack.

Читать дальше →

PaulMaly 14 февраля 2018 в 18:34

Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 1 — Введение и выбор стека

• Разработка веб-сайтов,
• JavaScript,
• Клиентская оптимизация,
• HTML,
• Node.JS

• Tutorial

Весной 2017 года Eric Simons, со-основатель учебного проекта Thinkster, анонсировал проект «RealWorld» — демо приложение и спецификация к нему. Проект объявил своей целью выйти за рамки привычных «todo»-демок для более прикладного сравнения и изучения возможностей различных фреймворков и технологий, а также подходов к разработке и способов решения задач.

Читать дальше →

PaulMaly 22 декабря 2017 в 11:53

1Kb autocomplete

• JavaScript,
• SvelteJS

• Tutorial

Всем бодрого времени суток! Вдогонку к моему предыдущему посту, хочу показать простой пример микро-компонента автокомплита на SvelteJS. Кто еще не успел познакомиться с данным мирко-фреймворком — велком под кат!

Читать дальше →

PaulMaly 19 декабря 2017 в 14:10

Магически исчезающий JS фреймворк

• JavaScript,
• SvelteJS

Довольно странно, но до сих пор на Хабре нет ни одной статьи об этом, как минимум, очень интересном инструменте разработки. Возможно это связано с тем, что данный фреймворк довольно молод, также как и идея, лежащая в его основе. А может быть все дело в постоянном хайпе разжигаем вокруг «большой тройки» фронтенда и закрывающем обзор альтернативных решений. Точно не знаю, но постараюсь исправить данный просчет в этой статье. Не переключайтесь.

          

Читать дальше →

PaulMaly 24 мая 2012 в 15:21

Split button dropdown без javascript

• Разработка веб-сайтов

PaulMaly 21 мая 2012 в 12:02

Простая кастомизация Checkbox и Radio

• Разработка веб-сайтов