Макс
Господа, а как бы добавить тег marquee? А то линтер матерится что реакт не знает такого тега. 🤔
Artem
Внезапно!
📟 Push-уведомления и нотификации в RN и работа с ними
Начнем с того, в чем же отличия одного от другого. Честно говоря, до погружения в эту тему, я был уверен, что это одно и тоже)
Итак. Ключевая разница пушей и нотификаций в том, что пуши отправляются на устройство пользователя с внешнего сервера, а нотификации генерятся самим приложением на устройстве (какое-либо событие, напоминание, обновление данных и тд)
Реализация push-уведомлений
Для реализации пушей, я нашел только 2 инструмента на текущий момент:
1. Firebase Cloud Messaging (FCM)
Наверное одно из самых популярных решений на текущий момент для работы с пушами.
Основные плюсы FCM:
Легкая интеграция с приложениями React Native.
Поддержка отправки сообщений с сервера через HTTP и XMPP протоколы.
Возможность сегментации пользователей для точечных уведомлений.
Ставиться просто, в доке все необходимое описано
npm install --save @react-native-firebase/app @react-native-firebase/messaging
2. OneSignal
У сервиса есть несколько вариантов платной подписки, но в бесплатном пакете есть то что нам нужно - Unlimited Mobile Push Sends 🤪
Я его еще не тестил, но вроде как там чуть лучше работает сегментирование, а еще есть поддержка Live Activities (Max 10,000 total push subscribers)
Интеграция OneSignal в React Native осуществляется с помощью библиотеки react-native-onesignal.
npm install react-native-onesignal
Реализация нотификаций
Для работы с локальными нотификациями по сути есть только один инструмент - Notifee, т.к React Native Push Notification уже года 3 не обновлялся
This repository is not actively maintained.
В Notifee есть возможность создавать уведомления по событию и выполнять, когда срабатывают какие-то триггеры
Для своего приложения я как раз использую Notifee, потому что нет отдельного сервера для отправки пушей, а нужно локально на событие генерировать увед и отправлять его.
Пока не понял, почему на эмуляторе ок работает, а на устройстве нет. Буду разбираться дальше)
Есть хотите какой-то из этих инструментов разобрать подробнее, пишите в комменты, сделаю отдельный проектик, соберу и выложу на GH 🖖
⚡️ReactNative и что-то остальное
yair770
Всем привет! Подскажите быть может кто знает хорошую статью или репо по созданию приложения под иос и андроид через webview ( сайт внутри приложения)
Artem
Egor
AI-ML
Ищем специалиста по нейросетям
Задача (Поверхностно)
Пере озвучивать учебные материалы на другом языке
Пример: "Есть лекция которая записана в Голландском университете, необходимо перевести ее на русский"
Сеть должна говорить на русском языке, текст которые человек говорит на Голландском
Для связи @kateorbita
Дарья
Ищу людей в команду для заработка удаленно, пишите в лс, 18+
Serhii
Sergiy
Данилка
Всем привет, кто разбирается в анимациях, подскажите, почему кртуится с отклонением от центра
https://codepen.io/lewing228/pen/ExbPmMY
Null
Библия react-native разработчика Книга "The Ultimate Guide to React Native Optimization" от команды Callstack.
🌟 Что вы найдете в этой книге?
- Полный обзор передовых техник оптимизации.
- Практические советы по улучшению производительности.
- Примеры кода, которые можно сразу использовать в своих проектах.
- Советы по оптимизации памяти и снижению потребления батареи.
Эта книга станет отличным ресурсом как для начинающих, так и для опытных разработчиков, помогая создавать более быстрые, стабильные и энергоэффективные приложения.
📖 Скачивайте книгу по ссылке: The Ultimate Guide to React Native Optimization
P.S. Кому лень заполнять форму на сайте скинул pdf в комменты 👍
#ReactNative #Optimization #МобильнаяРазработка #Callstack
@react_native_info
Null
Roman
Nikita
Nikita
Anton
RemoveJoinGroupMsgBot by @Bot442
This group uses @RemoveJoinGroupMsgBot to remove joined group messages. Add the bot to your group to keep the conversation clean.
(Get an ad-free license to disable future credit message)
Super
Hello where can I find websites developed by svelte?
Alexey
Макс
Господа, подсобите с кастомным хуком. Есть поле ввода куда вводятся слова для фильтрации списка, есть компонент в котором выводится список. Нужно сделать запись значения поля ввода в момент размонтирования хука. Да так чтоб при монтировании оно это дело прочитало и автоматически фильтр по этому делу применило. А то у меня пока какая-то фигня получается, либо все срабатывает сразу, либо не срабатывает вообще.
Максим
Что такое размонтирование хука? Если ты имеешь ввиду компонент, то чтобы так сделать тебе нужно состояние вынести куда-то вне этого компонента
Максим
Типа хранить его в родительском компоненте например и пробрасывать через пропсц
Максим
Или если есть стейт менеджер то хранить там
Максим
А вообще код конечно нужно смотреть))
Anatole
Кто чем пользуется в visusal studio для задач типа объясни код react каким AI-ассистентом
Null
Undefined
всем привет помогите как найти работу frontend react где искать а то мучаюсь уже оч много нет откликов или не берут
Alexey
Andrey
всем привет, подскажите 0.70 версия RN поддерживает Android 15 (API level 35)? И от чего это зависит? Что нужно сделать чтобы поднять поддержку до 35 лвл?
Artem
Всем удачного завершения рабочей недели, идите пить пиво, я разрешил🍻
#пятничный_мем
⚡️ReactNative и что-то остальное
Null
React Native Newsletter #183
https://newsletterest.com/message/233637/React-Native-Newsletter-183
Null
Тут ребята из Yandex Mobile Ads
собираются запилить офф библиотеку для RN, всех неравнодушных просят пройти небольшой опрос
Ссылка на форму: ТЫК
Denis
Dev
Hi, I am an experienced software engineer, have worked in the ed tech industry, and am comfortable with MERN stack and mobile app development. I would love to get in touch in case you are hiring if my experience feels fit. You can find my projects here https://www.ankitpanchal.tech/ , there is a list of my contributions and about my experience with some real-world projects.
Artem
🖱️ Deep Linking в приложениях на React Native. Part 1
Будет два поста, один про работу с Deep Linking в рамках Expo (изи левел) и второй пост в настройкой в чистом проекте (нот изи левел)
Deep Linking — это инструмент, который позволяет юзеру переходить к определённому контенту внутри приложения напрямую, минуя остальные экраны. Мы каждый день встречаемся с этим механизмом в приложениях.
Например, когда нам пришел пуш с сообщением в телеге, при тапе на него мы попадем в сам чат, а не просто запустим приложение со списком.
Deep Linking в Expo
1. Тут по классике, сначала
npx create-expo-app@latest
если у вас уже есть проект, то идем к слудующему шагу
2. Открываем файл конфигурации app.json и добавляем в него
"scheme": "react-pain"
вместо "react-pain" можете указать все что угодно, но логичнее наверное название приложения или типа того, дальше будет видно где это используется.
А так как у нас проект на экспо использует expo-router, по сути нам кроме этого для старта больше ничего не нужно.
Но, если вы используете на текущем проекте React Navigation, то смотрим сюда, что еще необходимо сделать
Запускаем!
В нашем пустом проекте есть 2 страницы index и explore.
Для проверки работы нам достаточно будет использовать утилиту командной строки — uri-scheme
Переходим в консоль и вбиваем
npx uri-scheme open [your deep link] --[ios|android]
#для iOS при использовании клиента Expo
npx uri-scheme open "exp://127.0.0.1:19000/--/explore" --ios
#для собранного приложения на iOS
npx uri-scheme open "react-pain://explore" --ios
После выполнения команды, мы попадем на второй экран приложения!
Идем дальше. Добавляю для примера на страницу Explore список их 10 записей + отдельную страницу для отображения детальной информации (смотрите доку по expo-router). Возвращаемся в консоль:
npx uri-scheme open "react-pain://explore/7" --ios
После вызова команды, мы попадем в приложение на детальную страницу с ID 7. Profit!
Можете сами проверить и поковырять проект, выложил его на GitHub
Следующий пост будет про чистый проект + тестирование ссылок с использованием xcrun для iOS и adb для Android
Всем хорошего завершения рабочей недели 💃
⚡️ReactNative и что-то остальное
Alex
здраствуйте кто может меня помочь
Alex
пишите в дм
Null
Apple представила пакет для гомоморфного шифрования в Swift
Apple презентовала пакет для гомоморфного шифрования в языке программирования Swift. Он доступен в открытом доступе и позволяет производить вычисления над зашифрованными данными без необходимости их расшифровки.
Оно позволяет клиентам отправлять зашифрованные данные на сервер, который выполняет вычисления и возвращает результат, не расшифровывая исходную информацию.
Apple использует такой тип шифрования в новых функциях iOS 18, в том числе Live Caller ID Lookup. Она определяет номер звонящего и блокирует спам, отправляя зашифрованный запрос на сервер, который обрабатывает его и возвращает результат, не зная номера телефона.
Как отметили в Apple, разработчики смогут применять такое шифрование в пересечении множеств, безопасной агрегации данных и машинном обучении.
Свои предложения и замечания можно оставлять на GitHub-репозитории swift-homomorphic-encryption.
#swift #apple
Dev
Hi guys,
Actually I am full stack developer and looking for job switch, i having 1.5 year experience
Please anyone can help me to find opportunities on based on my skills
Alexey
Alexey
Alexey
Dev
Alexey
Yes😂
DVD-R · DVD-RAM - I know many too
Dev
Alexey
👍 nice
Also I know Dota 2
Dev
Alexey
Dev
Alexey
I didn't get it
I just want to tell you, that you didn't give any information, I know CI/CD it's nothing, you was 1.5 full stack developer it's nothing too
Alexey
You should give more info
Alexey
Apply link to CV, project you worked on, what you did etc
Dev
Alexey
You are probably from India
Alexey
I make fun about switch because you did not give any information why you want to switch, where you want to switch etc, maybe you burnout
Dev
Alexey
Also I think no one not help you in Russian chat )
Dev
Alexey
Dev
Alexey
Or just mention you can send if someone have interest
Alexey
Highlight maybe last achivement
Noy
Hello guys,
We encountered a problem in the iOS sandbox environment. Every purchase attempt gives the error "Error 8: The receipt is invalid."
We tried to generate new API keys as instructed, but we could not generate a .cer file. Not sure if this is related to the error or not. We also tried creating a new Sandbox user with a different Apple ID, but the error still exists.
I’ll appreciate any help.
Noy
We’re using revenue cat with react-native
Matthew
I need Senior React Native Developer(USC/GC).
🙂
https://t.me/communityforprogg
Artem
https://t.me/react_pain
Null
Официально самая хайповая тема недели — CursorAI, лучший друг всех кодеров.
Это IDE, которая нашпигована нейросетями, преимущественно текстовыми (GPT, Claude), и задизайнена вот прям под этих ваших программистов.
Можно редактировать/генерировать отдельную строку или целые блоки кода, обращаться через чат ко всей кодовой базе, и так далее.
Если решитесь попробовать — новым юзерам дают free trial на 2 недели.
Alexey
Alexey
Alk
Если нда на работе подписан тогда нельзя пользоваться