Готовим VS Сode для работы с React

Рет қаралды 10,522

6 ай бұрын

Какие плагины для VS Code и другие полезности пригодятся для работы над React-приложениями - разбираем в очередном видео. Смотрим профили VS Code и настраиваем свой профиль для Реакта.
Мои кастомные сниппеты для Реакта github.com/michey85/react-sni...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Пікірлер: 36

@williamthorn223 6 ай бұрын

Михаил, предлагаю тему для роллика. Продвинутая обработка ошибок. В частности интересуют хорошие практики, как об ошибках оповещать пользователя, где необходимо использовать try/catch всегда и т.п.

@user-yk3if2ku4e 6 ай бұрын

плюсую! нужная тема

@n3trnnr 6 ай бұрын

Я бы еще добавил тему архитектуры приложений на реакт.

@user-uk5tj3qn5q 4 ай бұрын

@@n3trnnr По архитектуре это посмотри Feature-Sliced Design. Очень понравилась

@user-uk5tj3qn5q 4 ай бұрын

Он снимал уже про ошибки. там default есть и про react

@alexbr696 6 ай бұрын

Спасибо за сниппеты. Полезный контент!

@denispepper2830 6 ай бұрын

Лайк однозначно! Спасибо за полезный контент!

@unknown.6914 3 ай бұрын

Михаил, ваши сниппеты для реакта это золото, большущее вам Спасибо!

@Dreamer_78 6 ай бұрын

Спасибо вам большое!

@vadim_romanov 6 ай бұрын

Спасибо за видео

@DreamingDolphing 2 ай бұрын

Product icon это тема иконок в самой нижней панели. Тема иконок в проводнике проекта это folder icons.

@verloren4444 4 ай бұрын

Здравствуйте, Михаил! Спасибо за великолепную просветительскую работу. Хотел поинтересоваться: Прохожу у вас курс по JS на Stepik и заранее не увидел, что есть возможность приобрести пакет из 6 курсов "Профессия Frontend-разработчик" с хорошей скидкой, а уже успел купить отдельный курс. Нет вариантов не потерять деньги, если есть желание купить весь пакет?

@artemkobko1678 3 ай бұрын

Спасибо за контент. Подскажите VS Code ваш основой редактор кода? Если да, то почему вы его предпочитаете в сравнении с IDE WebStorm например?

@mishanep 3 ай бұрын

Да, VS Code основной. Я к нему привык и знаю его фишки, которые ускоряют мою работу. Зачем изучать что-то другое? Я не вижу каких-то превосходств в навороченном шторме. Да и памяти он ест больше

@user-qh2em5cb2i 6 ай бұрын

Спасибо вам Михаил! У меня есть вопрос: Будет ли курс по Vue?

@mishanep 6 ай бұрын

Я бы хотел над ним поработать. Но список под запись большой, а времени в обрез. Поэтому в ближайшее время vue вряд ли.

@alexeyfilippov42 6 ай бұрын

кстати недавно использовал вашу сборку eslint prettier оч понравилось немнго настроил под себя и сохранил в гит готовую сборку пустой проект vite и файлы eslinta. но как быстро при старте нового проекта развернуть настройки эти

@mishanep 6 ай бұрын

Смотря чего вы хотите добиться. В принципе самый простой вариант - просто скачать архив с гитхаба и сделать в нем git init - получите новый локальный репозиторий с готовым шаблоном. Есть более сложные варианты, когда создается своя npm библиотека с eslint конфигом и публикуется в npm-репозитории. Тогда есть возможность установить ее как зависимость.

@velikorossnationalist4259 6 ай бұрын

Codium UI хорошая штука. Пишет сама тесты к коду.

@user-ww3ux7rr6l 6 ай бұрын

Именно к реакту тут практически ничего не относится, дефолтные расширения для фронта на любом стеке хоть на дефолтном

@theolduniverse 6 ай бұрын

Да, и к питце тоже нету отношения, ведь она из теста, а расширения из байтов

@user-xc4ch6lt5b 4 ай бұрын

Михаил, подскажите как настроить форматирование в импортах, например { useState } вместо {useState}?

@mishanep 4 ай бұрын

В prettier это правило bracketSpacing true добавляет пробелы

@dmitryts9093 5 ай бұрын

Ну в общем в итоге WebStorm устанавливаем и радуемся

@CzarOfScripts 5 ай бұрын

Еще бы кто-то советовал ставить расширение "error lens"...

@user-uk5tj3qn5q 4 ай бұрын

color highlight - очень сильно комп нагружает(проц AMD у меня). возможно токены фармит)))

@kkkotiqqq 6 ай бұрын

Ребят, помогите, почему у меня в jsx разметке не работают теги? Т.е. ввожу div + tab и ничего не происходит, надо все самому вводить полностью, хотя в других файлах все ок

@williamthorn223 6 ай бұрын

Редктор считает, что у вас обычный JavaScript. Если VS Code, то справа внизу надо выбрать "JavaScript JSX" (или TypeScript JSX) вместо обычного JavaScript

@kkkotiqqq 6 ай бұрын

@@williamthorn223 спасибо, да, уже сделал это)

@titsex 6 ай бұрын

Почему не вебшторм?

@mishanep 6 ай бұрын

Он жрет неоправданно много ресурсов, но при этом не дает какого-то ключевого преимущества, ради которого мне бы хотелось вернуться на него. Когда я только начинал разработку, я работал со штормами. Самое удобное тогда было - это работа с гитом. Но сегодня меня VS Code более чем устраивает. Я время от времени ковыряю шторм, пытаюсь понять есть ли там что-то такое, что изменило бы мое мнение, но не нахожу. Может вы мне подскажете - почему вебшторм? :) а я в очередной раз проэкзаменую свою к нему отношение :)

@mishanep 6 ай бұрын

@user-si6zk9fq4s звучит как сомнение в моей квалификации :) VS Code очень качественный инструмент. Большинство опытных разработчиков, с кем я работаю и работал, выбирали его, пересаживаясь с распиариного webstorm. Я бы в обратную сторону посмотрел. Да, вебшторм поможет увидеть попытку выстрелить в ногу (например, при создании циклической зависимости) или накопипасть одинаковых компонентов с минимальным различием. Но как раз опытному разработчику не нужен тяжелый редактор, чтобы не допускать подобных ошибок.

@danyawyse1933 6 ай бұрын

@@user-si6zk86geq лучше чем vscode еще ничего не придумали, а шторм для "не таких как все"

@kowkavn2356 29 күн бұрын

@@mishanep Полагаю тогда стоит рассуждать в сторону Sublime Text 3, там ещё меньше лишнего, только код и минимальный функционал