Публикации по теме 'ionic'
Бесплатные видеоуроки по созданию мобильных приложений с помощью Nuxt JS и Supabase — Полная веб-разработка…
Вот что занимает большую часть моего разума при создании видеоконтента… Использование Nuxt в качестве платформы для создания полнофункциональных решений вместе с мобильным приложением с использованием Ionic Framework Capacitor .
Конденсатор с ионным каркасом
Добавьте Capacitor в любой существующий веб-проект, платформу или библиотеку. Преобразуйте существующий проект React, Svelte, Vue (или предпочитаемый вами веб-фреймворк) в нативный мобильный. — https://capacitorjs.com/
Ionic 4 Framework
Настраивать
Сначала установите Node.js . Затем установите в свой терминал новейшие инструменты командной строки Ionic. Следуйте руководствам по платформам Android и iOS , чтобы установить необходимые инструменты для разработки.
Шаги
Сначала установите Ionic на свой компьютер с помощью этой команды,
›npm install -g ionic
Затем запустите новый проект с помощью этой команды,
›ионный запуск вкладок MyApp
Если вы хотите запустить пустой проект, используйте эту..
Отключение обнаружения изменений для производительности в Ionic
Обнаружение изменений в Angular обычно довольно хорошо, но я обнаружил случай, когда его производительность была ужасной на странице, содержащей длинный вертикальный список горизонтальных списков изображений (подумайте о домашней странице Soundcloud, где есть много категорий песен, каждая из которых представлена изображение).
Большая проблема заключалась в том, что с потенциально сотнями изображений я хотел загружать только те изображения, которые находились в области просмотра.
В этом..
Почему Ionic — мой новый любимый инструмент веб-разработчика
Недавно я устроился на работу разработчиком приложений и в процессе собеседования узнал, что компания использует ionic для разработки своих приложений. Я хотел узнать больше о том, что такое Ionic, поэтому я создал с ним очень простое приложение, чтобы попытаться изучить/понять его, вот некоторые вещи, которые я узнал.
Что такое ионический?
Ionic — это фреймворк для создания веб-приложений. Его можно использовать вместе с другими фреймворками, такими как React или Vue. Что делает ionic..
Stencil.js: наконец-то пришло время для ванильных веб-компонентов!
Несколько дней назад на конференции Polymer Summit 2017 команда Ionic framework представила новую технологию: Stencil.js , инструмент для создания веб-компонентов на основе стандартных API.
Полный видеоролик презентации можно посмотреть здесь (27мин).
Что
Основываясь на некоторых идеях от Svelte , Stencil - это не фреймворк, а компилятор , принимающий файлы TSX (который в основном представляет собой JSX с TypeScript ) и производит стандартные веб-компоненты ,..
Понимание структуры папок Ionic
Привет, Сегодня я собираюсь объяснить структуру папок в приложении Ionic. В последнем эпизоде я объяснил, как создать простое приложение с использованием фреймворка Ionic. Итак, приступим.
На изображении выше показана типичная структура папок Ionic Project. Итак, давайте начнем с папки Sourcemaps .
Исходные карты
В основном эта папка связана с отладкой вашего ионного приложения. Он содержит пути к транспилируемым версиям вашего кода. Об этой папке особо нечего..
Слайды и код Ioniconf2020 : управление состоянием в ReactJS
Простое пошаговое руководство по использованию контекстного API ReactJS для управления состоянием в мобильном приложении Ionic Framework/Capacitor.
Вот слайды и ссылки на исходный код из моей презентации об управлении состоянием с использованием контекстного API в приложениях ReactJS Ionic.
Ссылка на видео на YouTube
Исходный код проекта и слайды
Пожалуйста, подпишитесь на YouTube
Канал #TheFutureIsWrittenInCode Следуя серии видео о создании мобильного приложения с..