Совместное использование кода между React и React Native
________
Как совместно использовать общий код и элементы дизайна в качестве зависимостей для ваших веб-приложений и мобильных приложений.
https://shly.link/0W0Sp
________
Как совместно использовать общий код и элементы дизайна в качестве зависимостей для ваших веб-приложений и мобильных приложений.
https://shly.link/0W0Sp
Биометрическая аутентификация во Flutter
_______
Flutter также поддерживает биометрическую аутентификацию с помощью плагина local_auth , созданного самим flutter.dev . Давайте погрузимся в код и посмотрим, как мы можем реализовать его за несколько простых шагов.
https://shly.link/mdm4Qtp
_______
Flutter также поддерживает биометрическую аутентификацию с помощью плагина local_auth , созданного самим flutter.dev . Давайте погрузимся в код и посмотрим, как мы можем реализовать его за несколько простых шагов.
https://shly.link/mdm4Qtp
Medium
Bio-metric Authentications in Flutter
Flutter also supports bio metric authentication with the help of a plugin named as local auth.
Создание адаптивного приложения с помощью Flutter
Flutter получил широкое распространение благодаря своей гибкости для создания приложений для работы на компьютерах с Android, iOS, macOS и Windows с единой кодовой базой. В большинстве случаев эти устройства бывают разных размеров, и, несмотря на кроссплатформенные возможности Flutter, вы не можете гарантировать, что интерфейс вашего приложения по умолчанию будет отображаться на этих устройствах должным образом. Это функция, которую вы должны учитывать в процессе разработки.
https://shly.link/k8bKq
В этой статье будет показано, как создать адаптивное приложение с помощью Flutter. Вы узнаете, как создать базовое приложение электронной коммерции, которое адаптируется к размеру данного устройства без необходимости перестраивать приложение при изменении размера экрана.
Flutter получил широкое распространение благодаря своей гибкости для создания приложений для работы на компьютерах с Android, iOS, macOS и Windows с единой кодовой базой. В большинстве случаев эти устройства бывают разных размеров, и, несмотря на кроссплатформенные возможности Flutter, вы не можете гарантировать, что интерфейс вашего приложения по умолчанию будет отображаться на этих устройствах должным образом. Это функция, которую вы должны учитывать в процессе разработки.
https://shly.link/k8bKq
В этой статье будет показано, как создать адаптивное приложение с помощью Flutter. Вы узнаете, как создать базовое приложение электронной коммерции, которое адаптируется к размеру данного устройства без необходимости перестраивать приложение при изменении размера экрана.
LogRocket Blog
Creating an adaptive app with Flutter - LogRocket Blog
Adaptive apps, not to be confused with responsive apps, deliver different views for different devices and screen sizes. Build one here!
Уменьшение размера приложения при разработке мобильных приложений Flutter.
Мы разработали приложение для Android с помощью Flutter. Но на удивление размер приложения отладки действительно больше по сравнению с собственными разработанными приложениями для Android. Поэтому мы ищем способ уменьшить размер приложения и пытаемся уменьшить размер мобильного приложения. Итак, наконец, мы нашли несколько решений для решения этой проблемы. И мы уменьшили размер приложения. Эта статья о методах и приемах, которым мы можем следовать, чтобы уменьшить размер приложения.
https://shly.link/cKCdK
Мы разработали приложение для Android с помощью Flutter. Но на удивление размер приложения отладки действительно больше по сравнению с собственными разработанными приложениями для Android. Поэтому мы ищем способ уменьшить размер приложения и пытаемся уменьшить размер мобильного приложения. Итак, наконец, мы нашли несколько решений для решения этой проблемы. И мы уменьшили размер приложения. Эта статья о методах и приемах, которым мы можем следовать, чтобы уменьшить размер приложения.
https://shly.link/cKCdK
This media is not supported in your browser
VIEW IN TELEGRAM
Автоматический размер любого виджета во Flutter
Вы когда-нибудь сталкивались со сценарием, когда вы хотели, чтобы пользователь изменил размер виджета, но не знали, как это сделать? Ну, я был в похожей ситуации некоторое время назад, и я решил собрать пакет в качестве решения.
auto_size_widgetПозволяет пользователю изменять размер любого виджета Flutter . Это особенно полезно для текстовых полей, если пользователь хочет расширить поле или увеличить изображение для лучшей видимости, и многое другое.
https://shly.link/mdmwtfh
Вы когда-нибудь сталкивались со сценарием, когда вы хотели, чтобы пользователь изменил размер виджета, но не знали, как это сделать? Ну, я был в похожей ситуации некоторое время назад, и я решил собрать пакет в качестве решения.
auto_size_widgetПозволяет пользователю изменять размер любого виджета Flutter . Это особенно полезно для текстовых полей, если пользователь хочет расширить поле или увеличить изображение для лучшей видимости, и многое другое.
https://shly.link/mdmwtfh
Настраиваемые часы React Native, созданные с помощью react-native-skia
_______
https://shly.link/1Bffp
_______
https://shly.link/1Bffp
Как создать индивидуальный индикатор активности React Native
React Native предлагает ActivityIndicatorотображать круговой индикатор загрузки для увеличения времени реакции на действие. Воспроизводит ActivityIndicatorбесконечную круговую анимацию загрузки для конкретной платформы, поэтому вы можете использовать ее в любом месте, где вам нужно указать отложенный ответ.
Мы можем настроить ActivityIndicatorнесколькими способами, чтобы вписаться в любое приложение. В этом уроке я объясню, как настроить и использовать его различными способами, на практических примерах. Кроме того, я покажу вам несколько альтернативных способов отображения настраиваемых кроссплатформенных индикаторов активности с помощью нескольких сторонних библиотек и встроенных API.
https://shly.link/6aEMS
React Native предлагает ActivityIndicatorотображать круговой индикатор загрузки для увеличения времени реакции на действие. Воспроизводит ActivityIndicatorбесконечную круговую анимацию загрузки для конкретной платформы, поэтому вы можете использовать ее в любом месте, где вам нужно указать отложенный ответ.
Мы можем настроить ActivityIndicatorнесколькими способами, чтобы вписаться в любое приложение. В этом уроке я объясню, как настроить и использовать его различными способами, на практических примерах. Кроме того, я покажу вам несколько альтернативных способов отображения настраиваемых кроссплатформенных индикаторов активности с помощью нескольких сторонних библиотек и встроенных API.
https://shly.link/6aEMS
Обработка исключений и ведение журнала в dart/Flutter - Talker
Исключения, исключения, исключения...
Мы постоянно сталкиваемся с ними при разработке и поддержке приложений.
Некоторые из них мы ожидаем, а некоторые даже не задумывались. Худшее, что вы можете сделать как программист, — не думать об отлове и отслеживании ошибок. Давайте разберемся, как это сделать...
https://shly.link/devQHAc
Исключения, исключения, исключения...
Мы постоянно сталкиваемся с ними при разработке и поддержке приложений.
Некоторые из них мы ожидаем, а некоторые даже не задумывались. Худшее, что вы можете сделать как программист, — не думать об отлове и отслеживании ошибок. Давайте разберемся, как это сделать...
https://shly.link/devQHAc
DEV Community 👩💻👨💻
Exception handling and logging in dart/Flutter - Talker
Exceptions, Exceptions, Exceptions... We see them constantly during development and support of...
Рецепт, чтобы сделать нативные приложения React молниеносно быстрыми: турбо-модули!
В последнем релизе у нас новая реактивно-нативная архитектура, и связь с нативными платформами теперь может происходить без всякого моста. Благодаря JSI разработчики смогут создавать турбо-модули. Кроме того, мы получили новый рендерер под названием Fabric, исключительную прямую связь с native, возможность использования нескольких JS-движков, параллелизм и множество интересных функций.
https://shly.link/mdmy53a
В последнем релизе у нас новая реактивно-нативная архитектура, и связь с нативными платформами теперь может происходить без всякого моста. Благодаря JSI разработчики смогут создавать турбо-модули. Кроме того, мы получили новый рендерер под названием Fabric, исключительную прямую связь с native, возможность использования нескольких JS-движков, параллелизм и множество интересных функций.
https://shly.link/mdmy53a
5 советов по написанию лучшего кода react native
Вот 5 советов, как написать реагирующий код, который выглядит чище и работает лучше.
https://shly.link/mdmVeeY
Вот 5 советов, как написать реагирующий код, который выглядит чище и работает лучше.
https://shly.link/mdmVeeY
Medium
5 tips to write better react native code 💻
Here’s 5 tips to write react code that looks cleaner and performs better.
32 бесплатных шаблона Flutter для отличных мобильных приложений
В этой статье представлен список мобильных приложений с открытым исходным кодом для Flutter. Проекты с открытым исходным кодом — это всегда отличный способ изучить любой фреймворк программирования: эти проекты ускорят ваше обучение разработке Flutter и дадут мгновенный импульс вашим знаниям.
Давайте начнем и посмотрим, найдете ли вы шаблон, который вдохновит вас на ваш следующий проект.
https://shly.link/sw7g7
В этой статье представлен список мобильных приложений с открытым исходным кодом для Flutter. Проекты с открытым исходным кодом — это всегда отличный способ изучить любой фреймворк программирования: эти проекты ускорят ваше обучение разработке Flutter и дадут мгновенный импульс вашим знаниям.
Давайте начнем и посмотрим, найдете ли вы шаблон, который вдохновит вас на ваш следующий проект.
https://shly.link/sw7g7
Биометрическая аутентификация в приложении Flutter
В этом блоге мы узнаем, как очень просто добавить аутентификацию по отпечатку пальца в наше приложение флаттера. Как разработчик, я думаю, что биометрия очень безопасна. В этом блоге мы узнаем, как реализовать биометрическую аутентификацию в приложении Flutter.
https://shly.link/2jwr4
10 лучших советов по Flutter, которые я усвоил после 2+ миллионов пользователей
Эта статья будет посвящена техническим советам по разработке флаттер-приложения, которое будет более надежным и простым в обслуживании командой.
https://shly.link/mdmLuR8
Эта статья будет посвящена техническим советам по разработке флаттер-приложения, которое будет более надежным и простым в обслуживании командой.
https://shly.link/mdmLuR8
This media is not supported in your browser
VIEW IN TELEGRAM
Создание собственной системы домашней автоматизации с использованием #Flutter (все пользовательские компоненты) + несколько умных розеток Wi-Fi, отправив им HTTP-команды для включения / выключения устройств и многое другое. Я называю это "Flicky" - одобрено женой!
Forwarded from Код Воробья для iOS разработчиков
В Xcode 14 добавили экспорт локализации пакетов. Подробнее в туториале по локализации.
Это новый туториал на сайте, мы сделали большой ультимативный гайд по локализации. Разобрали основы, экспорт и импорт, как локализовать SPM-пакеты, плюрализацию, картинки, плагины для авторгенерации.
В конце туториала узнаете почему для некоторых российский рубль показывается как ₽, а для некоторых RUB.
Это новый туториал на сайте, мы сделали большой ультимативный гайд по локализации. Разобрали основы, экспорт и импорт, как локализовать SPM-пакеты, плюрализацию, картинки, плагины для авторгенерации.
В конце туториала узнаете почему для некоторых российский рубль показывается как ₽, а для некоторых RUB.
Лучшие библиотеки карт React Native для разработчиков, которым не хватает времени
Когда дело доходит до библиотек карт React Native, есть десятки на выбор. Вместо того, чтобы тратить ваше время на просмотр обзоров, сравнение статистики библиотек и тестирование примеров кода, мы создали это простое руководство, чтобы собрать все лучшие варианты в одном месте.
Опробовав несколько библиотек самостоятельно, мы сузили круг до пяти лучших, которые, по нашему мнению, лучше остальных
https://shly.link/deveMtk
Когда дело доходит до библиотек карт React Native, есть десятки на выбор. Вместо того, чтобы тратить ваше время на просмотр обзоров, сравнение статистики библиотек и тестирование примеров кода, мы создали это простое руководство, чтобы собрать все лучшие варианты в одном месте.
Опробовав несколько библиотек самостоятельно, мы сузили круг до пяти лучших, которые, по нашему мнению, лучше остальных
https://shly.link/deveMtk
Как создать расширение Chrome с помощью Flutter Web
В этом уроке мы узнаем, как сделать расширение Chrome с помощью Flutter Web . Мы рассмотрим различные варианты использования, настройки и команды сборки, чтобы получить наилучший результат. Чтобы получить максимальную отдачу от этого руководства, обязательно следуйте ему до конца.
https://shly.link/NWZvc
В этом уроке мы узнаем, как сделать расширение Chrome с помощью Flutter Web . Мы рассмотрим различные варианты использования, настройки и команды сборки, чтобы получить наилучший результат. Чтобы получить максимальную отдачу от этого руководства, обязательно следуйте ему до конца.
https://shly.link/NWZvc
Codemagic blog
How to build a Chrome extension with Flutter Web | Codemagic Blog
Flutter lets you build Chrome extensions, which you can publish to Chrome Web Store. In this tutorial, we will walk you through this process and discuss some caveats.
#вакансия #удалённо #job #remote #parttime #преподаватель #android
Компания: OTUS – образовательная платформа. Мы 5 лет специализируемся на курсах для IT-специалистов разного уровня: от junior до senior🤘у нас более 130 авторских курсов!
Вакансия: преподаватель на курс Android Developer.Basic и наставник на курс Android Developer. Professional.
Локация: удаленно; сами выбираете нагрузку.
👨🏫 Преподаватель ведет вебинары. Можно выбирать, какие темы преподавать.
Стандартное занятие длится 1,5 часа с 20:00 до 21:30 по Мск, уроки проводятся в zoom. Преподаватель использует презентацию с теорией и практические примеры, чтобы раскрыть тему урока. Наши методисты помогают освоить лучшие инструменты и практики преподавания. У преподавателя также есть возможность проверять домашние задания и давать письменный фидбек.
Наставник проверяет домашние задания, помогает студентам разобраться в материале.
Вознаграждение💰
Ставка за 1 урок (1.5 часа) – от 4000 до 6000 руб;
За проверку 1 домашнего задания мы платим от 300 до 400 руб.
Дополнительно оплачивается: разработка и переработка материалов вебинара.
Отдельно оплачивается разработка и переработка материалов вебинара, проверка домашних заданий.
У нас классная команда 450+ экспертов с уникальными компетенциями из различных компаний. Мы учимся друг у друга, советуемся, помогаем, делимся опытом, обсуждаем новости как в преподавании, так и по проектам.
Научим:
✅ работать с аудиторией;
✅ давать обратную связь;
✅ публично выступать;
✅ структурировать свои знания.
Вы сможете:
🎁 проходить наши курсы со скидкой;
💪 набирать себе команду из лучших студентов;
💸 совмещать с текущей фулл-тайм загрузкой.
Хотите узнать больше? @anna_phoenix7
Компания: OTUS – образовательная платформа. Мы 5 лет специализируемся на курсах для IT-специалистов разного уровня: от junior до senior🤘у нас более 130 авторских курсов!
Вакансия: преподаватель на курс Android Developer.Basic и наставник на курс Android Developer. Professional.
Локация: удаленно; сами выбираете нагрузку.
👨🏫 Преподаватель ведет вебинары. Можно выбирать, какие темы преподавать.
Стандартное занятие длится 1,5 часа с 20:00 до 21:30 по Мск, уроки проводятся в zoom. Преподаватель использует презентацию с теорией и практические примеры, чтобы раскрыть тему урока. Наши методисты помогают освоить лучшие инструменты и практики преподавания. У преподавателя также есть возможность проверять домашние задания и давать письменный фидбек.
Наставник проверяет домашние задания, помогает студентам разобраться в материале.
Вознаграждение💰
Ставка за 1 урок (1.5 часа) – от 4000 до 6000 руб;
За проверку 1 домашнего задания мы платим от 300 до 400 руб.
Дополнительно оплачивается: разработка и переработка материалов вебинара.
Отдельно оплачивается разработка и переработка материалов вебинара, проверка домашних заданий.
У нас классная команда 450+ экспертов с уникальными компетенциями из различных компаний. Мы учимся друг у друга, советуемся, помогаем, делимся опытом, обсуждаем новости как в преподавании, так и по проектам.
Научим:
✅ работать с аудиторией;
✅ давать обратную связь;
✅ публично выступать;
✅ структурировать свои знания.
Вы сможете:
🎁 проходить наши курсы со скидкой;
💪 набирать себе команду из лучших студентов;
💸 совмещать с текущей фулл-тайм загрузкой.
Хотите узнать больше? @anna_phoenix7
otus.ru
Курс разработчик Android с нуля. Android Developer Basic
Если вы хотите стать Android-разработчиком на Kotlin, — мы вам в этом поможем. На курсе много продвинутых тем. Например: Android Architecture Components, тестирование мобильных приложений, RxJava, Dagger 2, многопоточность в Android, Koin, Material Design…
Deep Linking в приложениях React Native
Deep Linking — это причина, по которой вы нажимаете на ссылку, и она открывает приложение, установленное на вашем устройстве. В большинстве случаев он напрямую открывает определенные экраны в приложении. Внедрение глубоких ссылок в вашем приложении означает упрощение работы пользователя с вашим приложением, чтобы пользователи могли быть перенаправлены на экран в вашем приложении без ручного открытия и навигации по приложению.
Как можно настроить эту функциональность в проекте React Native? Это то, что я буду проходить в этой статье. Я объясню, как это работает и как реализовать на Android и iOS, а затем покажу живые экземпляры диплинкинга в приложении React Native.
https://shly.link/DBcN5
Deep Linking — это причина, по которой вы нажимаете на ссылку, и она открывает приложение, установленное на вашем устройстве. В большинстве случаев он напрямую открывает определенные экраны в приложении. Внедрение глубоких ссылок в вашем приложении означает упрощение работы пользователя с вашим приложением, чтобы пользователи могли быть перенаправлены на экран в вашем приложении без ручного открытия и навигации по приложению.
Как можно настроить эту функциональность в проекте React Native? Это то, что я буду проходить в этой статье. Я объясню, как это работает и как реализовать на Android и iOS, а затем покажу живые экземпляры диплинкинга в приложении React Native.
https://shly.link/DBcN5
Использование React Native Snackbar для создания пользовательских всплывающих сообщений
В этой статье мы увидим, как использовать пакет React Native Snackbar для создания действительно классного всплывающего сообщения или уведомления. Мы увидим функции, которые предоставляет нам Snackbar, а также то, как добавлять и обрабатывать события кнопок с помощью пакета.
https://shly.link/PKH9G
В этой статье мы увидим, как использовать пакет React Native Snackbar для создания действительно классного всплывающего сообщения или уведомления. Мы увидим функции, которые предоставляет нам Snackbar, а также то, как добавлять и обрабатывать события кнопок с помощью пакета.
https://shly.link/PKH9G