Готовим VS Сode для работы с React
Вставка
- Опубліковано 5 гру 2023
- Какие плагины для VS Code и другие полезности пригодятся для работы над React-приложениями - разбираем в очередном видео. Смотрим профили VS Code и настраиваем свой профиль для Реакта.
Мои кастомные сниппеты для Реакта github.com/michey85/react-sni...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep - Наука та технологія
Михаил, предлагаю тему для роллика. Продвинутая обработка ошибок. В частности интересуют хорошие практики, как об ошибках оповещать пользователя, где необходимо использовать try/catch всегда и т.п.
плюсую! нужная тема
Я бы еще добавил тему архитектуры приложений на реакт.
@@n3trnnr По архитектуре это посмотри Feature-Sliced Design. Очень понравилась
Он снимал уже про ошибки. там default есть и про react
Спасибо за сниппеты. Полезный контент!
Лайк однозначно! Спасибо за полезный контент!
Михаил, ваши сниппеты для реакта это золото, большущее вам Спасибо!
Спасибо вам большое!
Спасибо за видео
Здравствуйте, Михаил! Спасибо за великолепную просветительскую работу. Хотел поинтересоваться: Прохожу у вас курс по JS на Stepik и заранее не увидел, что есть возможность приобрести пакет из 6 курсов "Профессия Frontend-разработчик" с хорошей скидкой, а уже успел купить отдельный курс. Нет вариантов не потерять деньги, если есть желание купить весь пакет?
Product icon это тема иконок в самой нижней панели. Тема иконок в проводнике проекта это folder icons.
Именно к реакту тут практически ничего не относится, дефолтные расширения для фронта на любом стеке хоть на дефолтном
Да, и к питце тоже нету отношения, ведь она из теста, а расширения из байтов
Codium UI хорошая штука. Пишет сама тесты к коду.
кстати недавно использовал вашу сборку eslint prettier оч понравилось немнго настроил под себя и сохранил в гит готовую сборку пустой проект vite и файлы eslinta. но как быстро при старте нового проекта развернуть настройки эти
Смотря чего вы хотите добиться. В принципе самый простой вариант - просто скачать архив с гитхаба и сделать в нем git init - получите новый локальный репозиторий с готовым шаблоном. Есть более сложные варианты, когда создается своя npm библиотека с eslint конфигом и публикуется в npm-репозитории. Тогда есть возможность установить ее как зависимость.
Спасибо за контент. Подскажите VS Code ваш основой редактор кода? Если да, то почему вы его предпочитаете в сравнении с IDE WebStorm например?
Да, VS Code основной. Я к нему привык и знаю его фишки, которые ускоряют мою работу. Зачем изучать что-то другое? Я не вижу каких-то превосходств в навороченном шторме. Да и памяти он ест больше
Спасибо вам Михаил! У меня есть вопрос: Будет ли курс по Vue?
Я бы хотел над ним поработать. Но список под запись большой, а времени в обрез. Поэтому в ближайшее время vue вряд ли.
Еще бы кто-то советовал ставить расширение "error lens"...
Ну в общем в итоге WebStorm устанавливаем и радуемся
color highlight - очень сильно комп нагружает(проц AMD у меня). возможно токены фармит)))
Михаил, подскажите как настроить форматирование в импортах, например { useState } вместо {useState}?
В prettier это правило bracketSpacing
true добавляет пробелы
Ребят, помогите, почему у меня в jsx разметке не работают теги? Т.е. ввожу div + tab и ничего не происходит, надо все самому вводить полностью, хотя в других файлах все ок
Редктор считает, что у вас обычный JavaScript. Если VS Code, то справа внизу надо выбрать "JavaScript JSX" (или TypeScript JSX) вместо обычного JavaScript
@@williamthorn223 спасибо, да, уже сделал это)
Metallica Hell yeah!!!
Почему не вебшторм?
Он жрет неоправданно много ресурсов, но при этом не дает какого-то ключевого преимущества, ради которого мне бы хотелось вернуться на него. Когда я только начинал разработку, я работал со штормами. Самое удобное тогда было - это работа с гитом. Но сегодня меня VS Code более чем устраивает. Я время от времени ковыряю шторм, пытаюсь понять есть ли там что-то такое, что изменило бы мое мнение, но не нахожу.
Может вы мне подскажете - почему вебшторм? :) а я в очередной раз проэкзаменую свою к нему отношение :)
@user-si6zk9fq4s звучит как сомнение в моей квалификации :)
VS Code очень качественный инструмент. Большинство опытных разработчиков, с кем я работаю и работал, выбирали его, пересаживаясь с распиариного webstorm.
Я бы в обратную сторону посмотрел. Да, вебшторм поможет увидеть попытку выстрелить в ногу (например, при создании циклической зависимости) или накопипасть одинаковых компонентов с минимальным различием. Но как раз опытному разработчику не нужен тяжелый редактор, чтобы не допускать подобных ошибок.
@@user-si6zk86geq лучше чем vscode еще ничего не придумали, а шторм для "не таких как все"
@@mishanep Полагаю тогда стоит рассуждать в сторону Sublime Text 3, там ещё меньше лишнего, только код и минимальный функционал