Пиши код на React быстрее. X2 Скорость разработки с React buddy
Ғылым және технология
Недавно наткнулся на плагин для React разработчиков, с помощью которого можно повысить эффективность в написании кода. Называется плагин React buddy. Интересно узнать, использовал ли кто его в проде? Как вам плагин?
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Документация плагина - react-buddy.com/
Мой telegram канал - t.me/ulbi_tv
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Пікірлер: 143
Поставьте скорость 2х будет 4х быстрее
@GigaChad-zs8ol
Жыл бұрын
Гений мысли
@itpro952
Жыл бұрын
Заслуживаешь нобелевской премии
@user-vn2nx1yq9e
Жыл бұрын
а то и 4
@vittz_jor_good_play3601
Жыл бұрын
Хаха
@wlyapa
Жыл бұрын
Ухаххаха
Благодарствую за публикацию, информативно и занимательно!
Большое спасибо. Попробую уговорить ребят использовать это в продакшн
Спасибо за труд)
Ура, новый ролик и заставка!👍
очень крутой плагин, теперь буду активно его юзать!
класс! как всегда огонь 🔥
Спасибо за обзор
😍😍😍Спасибо огромное, Тимур, это очень годно))
Новая заставка 🥰 топ!
как всегда лучший контент
Тимур, сделай пожалуйста хоть одно видео про себя. Как прошел путь с учителя математики до программиста, с какими трудностями сталкивался, в каком возрасте и т д. Думаю это многим на этом канале было бы очень интересно! Спасибо P.S. друзья, поддержите лайком чтобы автор увидел комментарий )
Попользуем. На вид достаточно интересно.
Спасибо!
Огонь 🔥🔥🔥
Новая заставка)) Тима ты лучшЫй!!!
о, заставку обновил!!! круть Всем приятного просмотра
Спасибо, нравится! Ждём вариант для vs code!
Суперский плагин!!! Спасибо за ролик!!!
Коммент поддержки! Удачи тебе!
Заставка круто
Thanks!
Давно не было контента! Я уже переживать начал. Как обычно лайк и коммент префаером, и смотреть вместе с чайком.
годнота ))
Любая кодогенерация - огонь 👍 К сожалению, правда, увеличивается только скорость печатания шаблонного текста в ИКС-раз, а львиную долю времени забирает отладка или какая-либо интеграция 🤯
@victormog
Жыл бұрын
Дима, не отвлекайся - тебе ещё своё видео записывать! 😁
@aleksandrkim550
Жыл бұрын
Согласен, самая полезная штука тут это когда ты на новом проекте а там есть такая превьюшка с пробрасыванием к компоненту
@UlbiTV
Жыл бұрын
Дима привет) согласен, но зависит от задачи. Для быстрого клепания интерфейсов самое то
@ITKAMASUTRA
Жыл бұрын
@@UlbiTV +
@sergeymelni960
Жыл бұрын
Димыч и Тимур - два лучших контент-мейкера по реакту (и не только), это какой-то кроссовер года)
очень круто, зеро кодинг не за горами ) осталось собрать базу )
Думаю этот плагин будет очень полезен при переходе на новый большой проект (который уже разрабатывается), именно из-за навигации по компонентам. Фича реально топ
Круто! Спасибо за обзор интересного инструмента! Ждем на VSCode
поддерживаю канал четырьмя словами!
Чел, харош
вот это тема годная))) лайк ща скорость от СЕООНЛИ
Круть 👍🏻
Спасибо
Типо дааа, круто, ноо то что это как dependency отталкивает конечно.
считаю что этот подход с кастомными "снипетами" не очень: если так много повторений кода его лучше вынести в компонент с ограниченным интерфейсом , потому-что если в одном компоненте использовать много огромных снипетов компонент превратится в огромное нагромождение кода. потенциально полезно будет просматривать большие компоненты через эту штуку. среди действительно полезного могу выделить только пару снипетов. например: для вывода списка через map и снипеты для базовых хуков (это настолько востребованно что я даже сам создал себе такие) по итогу: ради такой сомнительной полезности затаскивать эту штуку в проект не кажется хорошей идеей
@yuliusseraph4973
Жыл бұрын
Я могу ошибаться, но эти сниппеты предназначены не для использования в одном проекте, а между проектами.
@react-buddy
Жыл бұрын
Основная задача палитры - предоставить набор переиспользуемых компонентов. Во первых, с целью быстрого просмотра компонентов и их вариантов (чтобы не лазить в документацию). А во вторых быстрая вставка этих компонентов в код. Возможность задавать свои сниппеты (и даже целые палитры) это уже второстепенная фича.
@user-lm8py5rb4m
Жыл бұрын
Я б вообще не ставил такую дичь :)
❤❤❤
Киллер фича🤘убил nah xD
ура класс!
Шок! С useState это уже кайф, а то мне так надоело добавлять set и прописывать заглавную букву. Спасибо большое за ролик, супер полезный)
Пушкавышка 🔥🔥🔥
Огонь информация! Мужик, после Димыча ты следующий по крутизне
3:30 Вот автоматическая типизация ивентов прям очень классно экономит время
Вау! Очень круто. React Buddy только для JetBrains получается. Сам в основном каким редактором пользуешься?
осталось только дождаться его на vsc
👏👍
Nextjs поддерживает?
Выглядит интересно, пойду пробовать на практике, если а на vue такое есть? Или только для react? На вью тоже хочется ускорить разработку 😂
@UlbiTV
Жыл бұрын
Пока вроде только на реакт
Hi Timur. There are 2 questions. 1 - l have an array and this array return back to 10 000 product doc. if l click sort by price or sort by raiting, where will l use this query. frontend or backend? 2 - Also can u create question and answer live video? THanks in advance.
аля android studio, пока этим плагином не пользовался, но мне почему-то кажется на любителя
Если увидишь этот комментарий подскажи пожалуйста, месяц изучаю html css, уже могу верстать простенькие сайты, ( правда долго) понимаю в scss, бэм методологию (нейминг) флексы, гриды, итд, стоит ли углубляться дальше ?То есть набивать руку до того момента когда будешь уверен сверстать хороший макет ? Или нельзя останавливаться и приступить к js и реакт ? Просто думаю если начну изучать js то как верстать могу забыть )))
@vladgray6849
Жыл бұрын
По ходу дела разберешься, лучше знать js и react уметь делать функционал а верстку по ходу дела будешь подтягивать
тема
Было бы круто увидеть такой-же видос, но только про VUE
Кто-то знает можно ли кастомизировать эту штуку например на обработчиках событий, чтобы создавала не обычную, а стрелочную фунцию?
Ждём на вс код
Ну и заголовок конечно :D Написание нового кода оно может и ускорит, но не особо. В основном же, большую часть времени занимает обдумывание кода, чтение кода, а написание это условно процентов 10 работы. React Pallete круто, но было бы гораздо удобнее, если бы оно с сторибука брало дерево компонента, а то непонятно, как в команде заставить всех писать такие библиотеки (ведь даже сторибук фиг заставишь кого писать).
@UlbiTV
Жыл бұрын
Это факт) но задачи разными бывают, клепать интерфейсы однотипные можно достаточно быстро
Интересно есть такой же плагин для vue
Hey, buddy! You pick up the wrong IDE, Vs Code is 2 blocks down...
Мне быстрее на клаве руками.
А кто проходит курс как вообще фидбек и какая была стоимость изначально у курса?
Выглядит интересно, только не хочется в проект плагинами срать.
прикольная штука. но это же еще одна зависимость. не быстрее ли снипееты если так хочется или вообще скопировать? но имеет смысл попробовать использовать.
@UlbiTV
Жыл бұрын
Зависимость в прод сборку не попадает, поэтому ничего страшного не вижу, разве что npm i чуть дольше
Тимур, привет, может быть у тебя уже подобное спрашивали и ты рассказывал, но тем не менее, чем сейчас заменяешь mongoDB (в связи отключение их от России и Белоруси)? Устанавливаешь локально или пользуешься другой системой для хранения данных? Думаю многие хотели бы посмотреть на так сказать импортозамещенную технологию хранения данных)
@xice111
Жыл бұрын
ставишь впн и все работает, а так можно локально развернуть
что на счёт Vite? Перешел на него, вообще огромная разница по скорости
@UlbiTV
Жыл бұрын
Хороший инструмент
@react-buddy
Жыл бұрын
С проектами на vite тоже работает
а следующий ролик будет на бусте или есть надежда?
@UlbiTV
Жыл бұрын
Не совсем понял вопрос?
@Moonglouw
Жыл бұрын
@@UlbiTV Я имел ввиду, будет ли следующий ролик ни Ютубе, в бесплатном доступе.
@UlbiTV
Жыл бұрын
@@Moonglouw обязательно будет, и не один
Для React Native есть поддержка?
@UlbiTV
Жыл бұрын
Надо тестить
А для react-native будет работать ?
@UlbiTV
Жыл бұрын
Не пробовал
А что думаешь про GitHub Copilot?
@UlbiTV
Жыл бұрын
Толком не использовал его
Двоякое чувство, с одной стороны вроде говоришь всё правильно, а с другой стороны обычно компоненты копируешь с других страниц и идея сама зависимости подставляет. А время в основном тратится на прописывание логики
Быстрая скорость если печатаешь быстро)))
в общем, придумали joomla или вордпресс
выглядит неплохо, но все это временно, пока люди не привыкли к Copilot а потом он заменит нас 😬😬
@progress8888
Жыл бұрын
не заменит, Copilot это робот который "предлагает" а программист то есть вы, уже решает, да или нет, то есть робот логику построить не может.
@palyanytsia
Жыл бұрын
@@progress8888 это пока но low-code инженеры - это направление только растет
Для vscode есть подобный плагин?
@UlbiTV
Жыл бұрын
Вроде в разработке
+
Интересно, будут ли новые ролики дальше? Надеюсь ты не попал под раздачу
@UlbiTV
Жыл бұрын
Будут, один из них на след неделе
А что с монитором? Дорог, как память?.. 😉
@UlbiTV
Жыл бұрын
С ноута записываю)
Открыл сразу vsCode глянул, нет такого плагина. И что теперь? На веб шторме пишу редко, т.к платный а заморочки с переустановкой каждый месяц обнуляя триал версию лень заниматься...
@sampeckjowerfell2515
Жыл бұрын
вебшторм уже давно не над переустанавливать для сброса триала, достаточно залогиниться с одного аккаунта и по истечению триала залогиниться на другой, дело 2х минут
@fromntop3750
Жыл бұрын
@@sampeckjowerfell2515 спасибо попробую
Мне за скорость не доплачивают.
@UlbiTV
Жыл бұрын
Это факт 😂
Если включен Copilot и привыкнуть им эффективно пользоваться, то почти не вижу плюсов от данного плагина. Из полезного для себя могу выделить только удобные снипеты. Не вижу смысла для лайв-серва отдельных компонентов, при работе над компонентом, нужная страница и место будут открыты в браузере. Очень не удобно во многих смыслах что нужно ставить пакет. Для палитры есть сторибук либа в больших проектах есть или в проектах поменьше все компоненты сверстаны и вынесены отдельно в папку и их не так много, чтобы в них путаться. Структура файла тоже не оч полезная фича, потому что большие компоненты (в которых это могло бы быть полезно) нужно разбивать на мелкие, в которых эта фича будет юзлесс. Copilot может почти все действия делать из extension'a + кучу импакта сверху.
когда всё успевать?!!! 😵💫
Приветствую! Будут ли платные уроки по базовому React с проектом и менторством?
@UlbiTV
Жыл бұрын
Привет! Пока не планировал
Спасибо! Не мог бы ты рассказывать по-медленнее... Часто приходится отматывать видео назад.
Вы упомянули о конвертации между функциональным и классовым компонентом. но у меня почему-то в вебшторме такого нет. можно ли об этом подробнее, может даже в отдельном видео? очень необходимая штука. читал что он так умеет но не дал этому ладу.
@UlbiTV
Жыл бұрын
На канале есть ролик по вебшторму, рассказывал там про эту фичу
@romanmed9035
Жыл бұрын
@@UlbiTV спасибо. поищу.
Классный видос Можешь рассказать про порталы в реакте? Конкретно про то, когда их лучше применять, как это стоит писать и т.д.? Был бы очень благодарен, думаю многим будет полезно
@elstar7466
Жыл бұрын
Что там рассказывать, это просто рендер компонента в указанном контейнере. Использовать, когда рендер в родном месте приводит к неправильной работе. К примеру CSS-стили не дают нормально отобразится модалке, но это исправится если рендерить её в корне.
Не уверен, что хорошая идея использовать дев тулзы (ещё и с привязкой к idea) в package.json, да ещё и в каждом компоненте подключать Так или иначе придётся убеждать команду использовать эти методы, хотя весь функционал, кажется, мог бы быть обычным плагином к vscode, без необходимости интеграции в код
@UlbiTV
Жыл бұрын
Без интеграции в код лайв превью не сделаешь, получится сторибук тот же
@react-buddy
Жыл бұрын
Девтулы подключать не обязательно, базовый функционал будет работать без них. Они нужны для работы preview и палитры. Опять же эта зависимость нужна тольно для разработки. В продакшене DevSupport отключается
я человек простой, вижу классовые компоненты, закрываю видео =) классовые компоненты... "остановитесь!!"
а для vs code есть что нить годное?
может конечно и помогает в написании, но тащить в проект лишние пакеты и код такое себе
@user-sd5tt7ds4j
Жыл бұрын
оно заносится в devDependencies
если его реализуют без интеграции в проект и package, то частично буду юзать, а так не вижу смысла пока
@UlbiTV
Жыл бұрын
А в чем проблема?
То чувство, когда ты пишешь код в Sublime, потому что даже Vscode тормозит😕
Опасная фигня. По итогу затормозит, увеличив задачи на багфикс
Прикольный плагин, но жрет ресурсов наверн неимоверно
@UlbiTV
Жыл бұрын
Надо потестить
Как-то куча мелких фич, а такой громкий заголовок.
@UlbiTV
Жыл бұрын
Не назвал бы лайв превью и палитру мелкими фичами
ну такое себе, у меня и без того WebStorm тормозит
Старое превью было лучше))))
@UlbiTV
Жыл бұрын
На вкус и цвет 😂