fpm_start( "true" );
Как мы уже видели, TypeScript поддерживает привязку типов, так что переменная может иметь несколько различных типов данных. Буквальные типы — это, по сути, то же самое, но мы обычно ограничиваем их, например, конкретными значениями: let operaciones:string = «suma»; Войдите в полноэкранный режим Выход из полноэкранного режима операции поддерживает любую строку, в данном случае строку «sum». …
В этой серии записей блога я рассмотрю принципы SOLID в контексте JavaScript. SOLID — это аббревиатура, обозначающая принципы проектирования классов SOLID, которые были популяризированы Робертом К. Мартином. ПРИНЦИП ИНВЕРСИИ ЗАВИСИМОСТЕЙ Модули, инкапсулирующие высокоуровневую политику, не должнызависеть от модулей, реализующих детали. Скорее, оба типа модулей должны зависеть от абстракций.Роберт К. Мартин Или более простым способом: A. …
SOLID: принцип инверсии зависимостей в JavaScript и TypeScript Читать полностью »
Недавно я просматривал некоторый код, который использовал рекурсию для загрузки всех данных, доступных из конечной точки (довольно неудобный способ преодолеть пагинацию и загрузить все «сразу» — но это уже другая история), и я заметил кое-что, что, на мой взгляд, было контринтуитивным. const finalResults= {items: []} const loadRecursively = async (params, finalResults) => { const results …
Мир фронтенд-разработчиков React полон любви к использованию и предпочтению TypeScript перед JavaScript. Хотя он не рекомендуется для всех типов проектов, он в значительной степени преодолевает многие недостатки JavaScript и улучшает его. В этой статье, предназначенной для начинающих, мы узнаем, что такое TypeScript, что это за язык с сильной типизацией, как он сравнивается с JavaScript и …
В эти дни я был в прямом эфире на Twitch, и один из подписчиков (arch1tekt_) спросил меня, что я использую для создания своих проектов. Изучая эту тему, я нашел несколько (grunt, webpack, native), но больше всего меня заинтересовал esbuild. Указывается коллегой, который серьезно относится к слову «производительность». Я решил проанализировать, изучить и применить этот билдер. …
Это техника, которая используется в основном в параметрах функции. Она заключается в том, что с помощью валидаций мы можем изменять поток функции в зависимости от того, принимают ли ее параметры несколько типов данных одновременно с помощью объединений типов. Наиболее распространенная форма сужения наблюдается при использовании оператора typeof и условий, таким образом мы можем контролировать, как …
TypeScript — это надмножество JavaScript, которое предоставляет дополнительную статическую типизацию, классы и модули. Статические типы позволяют TypeScript обеспечить более точную проверку типов и инструментальную поддержку. Классы и модули позволяют лучше организовать код. TypeScript можно использовать с любой существующей кодовой базой JavaScript. Он переносится на обычный старый JavaScript, поэтому нет необходимости изменять существующие кодовые базы. В …
Слышали ли вы об Alpine.js? Он похож на Vue, но более легкий. Да, даже более легковесный. Он не имеет предварительной компиляции, использует HTML с пользовательскими (технически недопустимыми) атрибутами и оживляет веб-страницу при загрузке. Звучит просто? Возможно, но это также очень просто. <div x-data=»{ open: false }»> <button @click=»open = true»>Expand</button> <span x-show=»open»> Content… </span> </div> …
Вы пишете приложение TypeScript и столкнулись с ошибкой, подобной этой: Argument of type ‘string’ is not assignable to parameter of type ‘number’.(2345) Войдите в полноэкранный режим Выход из полноэкранного режима Это может произойти по ряду причин. Например, я часто сталкиваюсь с этим при чтении значения из поля ввода. Я хочу, чтобы пользователь ввел число в …
Как преобразовать число в строку в TypeScript Читать полностью »
В TypeScript есть очень интересный тип, который до смешного полезен. Этот тип — Function (с большой буквы). Но для чего нужен этот тип данных? Function сообщает переменной, что она может содержать только ссылку на функцию, иначе она выдает красивую ошибку. Рассмотрим пример: const filtrarNombres = (arr:string[]):string[] => { return arr.filter((item) => item === «Carlos» || …
В этом году я начал работать над сайд-проектом, и в качестве технологического стека я выбрал Elixir lang из-за его функционального дизайна и отказоустойчивости (благодаря Erlang VM), поэтому фреймворк Phoenix был для меня естественным выбором. Хотя Phoenix предлагает очень интересную модель программирования под названием LiveView, я хотел придерживаться фронтенд-стека, с которым я наиболее хорошо знаком, а …
Современные веб-приложения с React, Phoenix, Elixir и TypeScript Читать полностью »
Автор Килан Парр✏️ Любая зрелая кодовая база TypeScript, как правило, активно использует интерфейсы. В конце концов, они являются строительными блоками для добавления статических проверок вашего кода во время компиляции, и они гарантируют, что вы разумно используете коллективные/настраиваемые типы, которые вы определяете в своем коде. Синтаксис интерфейсов прост, и интерфейсы дают массу преимуществ при использовании в …
Кому не нравится автоматическое форматирование кода, верно?Но когда дело доходит до Js/Ts, сравнительно сложно настроить его должным образом.Я потратил несколько часов, гуглил и искал, как это правильно сделать.Эта компиляция сработала для меня наилучшим образом. Надеюсь, она поможет беспокойным душам, которые ищут хорошее пошаговое руководство по настройке своих следующих больших проектов. Шаг 1: Базовая настройка Мы …
«Знайте, как решить каждую проблему, которая уже решена». — Ричард Фейнман Последние 2 месяца я работал над своей собственной очень упрощенной версией React под названием Syntact. Я бы не назвал ее пока зрелой, но в ней уже есть несколько функций, которые можно использовать, таких как объявление переменных объявление функций компоненты виртуальный DOM динамический рендеринг Помимо …
Мы создадим простое приложение для приглашения людей на наше мероприятие. 1. Чтобы начать новый проект Create React App с TypeScript, вы можете запустить: npx create-react-app my-app —template typescript # or yarn create react-app my-app —template typescript Войти в полноэкранный режим Выйти из полноэкранного режима 2. Определите определение типа для нашего состоянияВ нашем файле App.tsx мы …
Резюме Инверсия зависимостей — это техника (как следует из названия) инверсии зависимостей от одного модуля к другому. Без DI: A -> B (A зависит от B). С DI: (A -> I) <- B (B зависит от A через интерфейс I). Мы можем использовать DI для защиты нашего основного модуля бизнес-логики (и его тестов) от зависимости …
Инверсия зависимостей на практике (пример кода на языке typescript) Читать полностью »