-
Замена tilda(~) в стилях через webpack
Проблема
При использовании в React или Storybook сторонних стилей или дизайн систем, в особенности адаптированных под Angular может возникнуть ошибка наподобие этой:
Module not found: Error: Can't resolve './assets/favicon.ico'
Вероятнее всего, в стилях используются относительные пути через тильду (
~
). -
Markdown в Angular
Markdown давно вошел в нашу жизнь и показал себя со стороны простого и логичного языка разметки документов, в сравнении с тяжеловесным BBcode.
Markdown активно используется в кругах разработчиков для составления различного рода документаций, к примеру, популярная практика, для разметки README который распознают все сервисы git. К слову, этот блог также написан c использованием markdown, где 95% markdown кода преобразуется в HTML.
-
Чем заняться в пути программисту или взгляд на подкасты с другой стороны
Многие задаются вопросом, как с пользой тратить львиную долю свободного времени, которое мы проводим в поездках, в дороге до работы.
Да, конечно же, самым полезным было бы чтение книг. Но это не всегда возможно, так как часто приходится находиться в транспорте в состоянии стоя, что сильно доставляет дискомфорт при чтении, также существует множество других отвлекающих факторов, которые мешают сконцентрироваться, особенно на технической литературе.
-
Паттерн MVC на клиенте
MVC – паттерн разделения приложения на 3 основных компонента: модель (Model), представление (View), контроллер (Controller).
MVC паттерн был впервые описан Трюгве Реенскаугом в 1978 году. Который изначально использовался для построения графических приложений. Со временем этот паттерн перешел и в веб-приложения. Сначала MVC пришел на серверную сторону с такими фреймворками Ruby and Rails и ASP.NET MVC Framework. В конце концов стал применяться и на клиентской части, для управления сложностью и широтой функциональности. На данный момент имеется иерархия моделей на базе MVC: MVC, MVP, MVVM.
-
Разработка на React. JSX
Ранее мы создавали React элемент при помощи следующего синтаксиса:
React.createElement('h1', null, 'heading');
Это не подходит, если ведется разработка большого приложения со сложным интерфейсом. Используя только этот синтаксиc разработка сильно замедлится, так как он слишком многословен. Поэтому компания Facebook представила синтаксис JSX (JavaScript Syntax Extension), который сильно напоминает язык разметки HTML, но по факту это расширение JavaScript.