Даниил Шило
Frontend Engineer в Firecode
Это называется Ligatures. В Webstorm вместе с шрифтом Jetbrains Mono или Firacode можно включить.
Про тему не совсем понял, на скринах их много😅
Здравствуйте, этого нет в статье, потому что роутинг - часть SvelteKit, который не рассматривается в пределах данного туториала👀
В статье же нигде не сказано: “Юзайте Svelte вместо React”👀
Фреймворк выделяется тем, что это немного другой подход к разработке приложений.
Svelte компилирует исходники и отдает часть уже готовой статики. VDOM ему не нужен не потому что “Virtual DOM плохой”, а потому что весь код подготавливается и проверяется на стадии компиляции)
Про синтаксис можно холиварить сколько угодно, это ведь индивидуально))
Это достаточно обширная тема, так как для сервера можно накидывать кучу плагинов. Но если по простому то нужно просто добавить вот это в конфигурацию (скрин 1)
Затем достаточно просто ввести в консоль:
npx webpack serve
Вам нужно тогда начинать с основ, если не знаете как скачать)
Погуглите NPM how to use. Если не знаете английского, то советую вот эту статью прочитать:
https://proglib.io/p/chto-takoe-npm-gayd-po-node-package-manager-dlya-nachinayushchih-2020-07-21
**3-й уровень - абстрактный класс**
Данный метод типизации подходит только для классов и является самым узконаправленным.
Абстрактный класс работает точно также, как и обычный, за исключением того, что мы можем не реализовывать некоторые методы (если объявим их с ключевым словом abstract). Также стоит помнить о том, что мы не можем использовать абстрактный класс для создания нового объекта, мы можем от него только наследоваться.
Можно посмотреть как работает вот тут (специально сократил ссылку, так как она огромная):
https://cutt.ly/x3rmZof
**2-й уровень - interface**
Интерфейс используется когда нам нужно явно затипизировать какой-то объект (структуру данных, функцию или класс).
Допустим у нас есть куча данных о человеке, но нам нужно, чтобы у каждого объекта в списке было как минимум имя (name) и возраст (age). Это будет выглядеть прямо как на скрине
Таким же образом мы можем явно указать какие должны быть поля или методы в классе, как это сделано в данной статье
2. В каких случаях использовать type, в каких интерфейс, а в абстрактный класс?!
**1-й уровень - type**
type используется для того чтобы объявить какой-то легкий тип данных.
Например нам нужен тип данных, который будет охарактеризовать переменную, у которой могут быть только два строчных значения: 'install' или 'delete'.
Здравствуйте!
1. Интерфейсы вообще нужны для того чтобы задавать схожесть структур объектов и классов.
Приведу пример:
Допустим у вас есть класс для продажи машин (CarTrade), и для продажи мотоциклов (MotoTrade). У обоих классов должен быть метод sell(), который продает что-то в зависимости от того в каком классе он находится.
Теперь нам дана задача сделать интернет-магазин для мотоциклов и машин. У нас будет класс Trader (продавец), который будет использовать классы CarTrade и MotoTrade. Но как убедиться что оба эти класса могут продавать транспорт (у них должен быть метод sell())?
Мы будем использовать интерфейс для того чтобы и у класса CarTrade, и у класса MotoTrade был метод sell.
Интерфейсы ничего не меняют в логике класса, они просто обозначают какие методы и свойства должны быть у объекта😊
Множественные входные и выходные данные.
https://webpack.js.org/concepts/output/#multiple-entry-points