🕔The Time for React Native is NOW 🚀
Обзор The State of React Native by Simon Grimm
https://www.youtube.com/watch?v=COH_XhlMyZ4
Обзор The State of React Native by Simon Grimm
https://www.youtube.com/watch?v=COH_XhlMyZ4
YouTube
The Time for React Native is NOW
The State of React Native Survey offers a glimpse into the inside of the React Native ecosystem. I have analyzed the results so you don't have to read everything, and I share my thoughts about the State of React Native.
🔥 Learn React Native FAST: https://galaxies.dev…
🔥 Learn React Native FAST: https://galaxies.dev…
Судя по опросу большинство заинтересованы, так что ваш ход HRs, присылайте ваши интересные вакансии в личку @bobcatus
MobX-State-Tree существует уже много лет, но недооценен в сообществе JavaScript 😕. И я беру на себя ответственность за это -- я был основным мейнтейнером в течение последних нескольких лет 🛠️, и мне бы хотелось, чтобы разработчики узнали о его возможностях 🔍.
от создателя Ignite - the battle-tested React Native boilerplate
https://www.youtube.com/watch?v=n_VjjJxyd8Q
от создателя Ignite - the battle-tested React Native boilerplate
https://www.youtube.com/watch?v=n_VjjJxyd8Q
YouTube
Intro to MobX-State-Tree
MobX-State-Tree has been around for years but is rather underrated in the JavaScript community. And I take responsibility for that -- I've been the primary maintainer for a couple years, and I want developers to know what it's all about.
I appreciate "likes"…
I appreciate "likes"…
👍7😁2❤1🔥1
Проверенный шаблон React Native 🔥
Являясь итогом более чем семилетней постоянной разработки на React Native, Ignite представляет собой самый популярный шаблон приложения React Native как для Expo, так и для чистого React Native 🚀.
Это тот шаблон React Native, который команда Infinite Red использует каждый день для создания клиентских приложений 📱. Разработчики, использующие Ignite, сообщают, что он экономит им в среднем от двух до четырёх недель времени на начальном этапе их проекта на React Native ⏳!
https://github.com/infinitered/ignite
Являясь итогом более чем семилетней постоянной разработки на React Native, Ignite представляет собой самый популярный шаблон приложения React Native как для Expo, так и для чистого React Native 🚀.
Это тот шаблон React Native, который команда Infinite Red использует каждый день для создания клиентских приложений 📱. Разработчики, использующие Ignite, сообщают, что он экономит им в среднем от двух до четырёх недель времени на начальном этапе их проекта на React Native ⏳!
https://github.com/infinitered/ignite
GitHub
GitHub - infinitered/ignite: Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators…
Infinite Red's battle-tested React Native project boilerplate, along with a CLI, component/model generators, and more! 9 years of continuous development and counting. - infinitered/ignite
👍10❤1🔥1
Есть такая библиотека 📚, React Native UI Lib от Wix, предлагает массу UI компонентов, которые легко адаптировать под свои задачи 🛠. Взгляните, может пригодиться в работе 💼. Кто уже использовал, не могли бы поделиться отзывами? Всегда интересно услышать мнения 🗣. Отпишитесь какие библиотеки с готовыми компонентами предпочитаете.
https://wix.github.io/react-native-ui-lib/
https://wix.github.io/react-native-ui-lib/
wix.github.io
RNUILib
Denoscription will go into a meta tag in <head />
👍6❤1🔥1
🚀 Углубляемся в жесты касания в React Native! 🚀
Всем привет! Поделюсь с вами полезным видео 📹, которое детально разбирает, как улучшить жесты касания в React Native. Вот краткий обзор глав, чтобы вы могли быстро найти интересующую вас часть:
00:00 Введение: Обзор того, что будет в видео.
01:57 Настройка TouchableOpacity: Первые шаги в создании кастомного компонента для касаний.
03:45 Создаем TouchableOpacity с нуля: Детальный разбор того, как собрать свой компонент.
14:07 Настройка поведения Touchable: Как кастомизировать взаимодействие с компонентом для лучшего UX.
16:10 Заключительные мысли: Итоги и полезные советы.
Это видео — находка для тех, кто стремится сделать свои приложения максимально отзывчивыми и удобными для пользователя. Если у вас есть свои хитрости или подходы в работе с жестами касания, поделитесь! Обсудим и найдем новые идеи вместе. 🗨️
https://www.youtube.com/watch?v=DWFS_dSnJOs
Не забудьте поддержать создателей видео, если оно оказалось полезным, и поделиться своими впечатлениями и мыслями по поводу применения данных практик в ваших проектах!
Всем привет! Поделюсь с вами полезным видео 📹, которое детально разбирает, как улучшить жесты касания в React Native. Вот краткий обзор глав, чтобы вы могли быстро найти интересующую вас часть:
00:00 Введение: Обзор того, что будет в видео.
01:57 Настройка TouchableOpacity: Первые шаги в создании кастомного компонента для касаний.
03:45 Создаем TouchableOpacity с нуля: Детальный разбор того, как собрать свой компонент.
14:07 Настройка поведения Touchable: Как кастомизировать взаимодействие с компонентом для лучшего UX.
16:10 Заключительные мысли: Итоги и полезные советы.
Это видео — находка для тех, кто стремится сделать свои приложения максимально отзывчивыми и удобными для пользователя. Если у вас есть свои хитрости или подходы в работе с жестами касания, поделитесь! Обсудим и найдем новые идеи вместе. 🗨️
https://www.youtube.com/watch?v=DWFS_dSnJOs
Не забудьте поддержать создателей видео, если оно оказалось полезным, и поделиться своими впечатлениями и мыслями по поводу применения данных практик в ваших проектах!
YouTube
Improving Tap Gestures in React Native
Today we're going to unleash the power of Tap Gestures in React Native with Gesture Handler 👌
Don't forget to leave a ⭐
Source code: https://github.com/enzomanuelmangano/what-about-gestures/tree/main/04-improve-tap-gestures
My React Native animations course:…
Don't forget to leave a ⭐
Source code: https://github.com/enzomanuelmangano/what-about-gestures/tree/main/04-improve-tap-gestures
My React Native animations course:…
❤7👍1🔥1
gluestack-ui with NativeWind - Копипасть компоненты в прилу: Как shadcn/ui, но для React Native.
https://gluestack.io/ui/with-nativewind/docs/overview/introduction
https://gluestack.io/ui/with-nativewind/docs/overview/introduction
📦 react-native-vision-camera 3.9: Много новых фич, особенно Android (focus, flash, …).
https://github.com/mrousavy/react-native-vision-camera/releases/tag/v3.9.0
https://github.com/mrousavy/react-native-vision-camera/releases/tag/v3.9.0
GitHub
Release Release 3.9.0 · mrousavy/react-native-vision-camera
3.9.0 (2024-02-16)
'tis a big one 😳 - VisionCamera 3.9.0 brings A TON of exciting new features :
👉 focus(...) for Android 👆
👉 flash for Android 📸
👉 enableFpsGraph for Android 📈
👉 enableGpuBuffe...
'tis a big one 😳 - VisionCamera 3.9.0 brings A TON of exciting new features :
👉 focus(...) for Android 👆
👉 flash for Android 📸
👉 enableFpsGraph for Android 📈
👉 enableGpuBuffe...
👍10❤2🔥2
🚀 Новый учебный материал для разработчиков! 🚀
Привет! Рад поделиться с вами свежим видео, в котором мы шаг за шагом создадим клон WhatsApp с использованием React Native. В этом проекте мы исследуем множество интересных технологий:
Expo Router для навигации
Reanimated 2 для плавных анимаций
Clerk для управления аутентификацией
Gestures для интуитивных жестовых управлений
Gifted Chat для эффективной реализации чата
👉 https://www.youtube.com/watch?v=VUhaDTKYBJU
Поделитесь своими впечатлениями и идеями после просмотра! Обсудим, как можно применить эти знания в наших проектах.
Привет! Рад поделиться с вами свежим видео, в котором мы шаг за шагом создадим клон WhatsApp с использованием React Native. В этом проекте мы исследуем множество интересных технологий:
Expo Router для навигации
Reanimated 2 для плавных анимаций
Clerk для управления аутентификацией
Gestures для интуитивных жестовых управлений
Gifted Chat для эффективной реализации чата
👉 https://www.youtube.com/watch?v=VUhaDTKYBJU
Поделитесь своими впечатлениями и идеями после просмотра! Обсудим, как можно применить эти знания в наших проектах.
YouTube
Build a WhatsApp Clone with React Native (Expo Router, Reanimated, Clerk, Gestures, Gifted Chat)
Join me as I build an epic WhatsApp Clone with React Native. You'll learn how to do the following in this tutorial:
👉 Use Expo file-based routing
👉 Use Clerk for user authentication
👉 Add Sign-in with Apple and Google Auth
👉 Work with Reanimated for Animations…
👉 Use Expo file-based routing
👉 Use Clerk for user authentication
👉 Add Sign-in with Apple and Google Auth
👉 Work with Reanimated for Animations…
🔥3⚡1
🚀 Улучшение производительности приложения Shopify
https://shopify.engineering/improving-shopify-app-s-performance
https://shopify.engineering/improving-shopify-app-s-performance
Shopify
Improving Shopify App’s Performance (2024) - Shopify
As an integral part of Shopify's ecosystem, our mobile app serves millions of
merchants around the world every single day. It allows them to run their
business from anywhere and offers vital insights about store performance,
analytics, orders, and more.…
merchants around the world every single day. It allows them to run their
business from anywhere and offers vital insights about store performance,
analytics, orders, and more.…
🔥10🤯3⚡2
Тонкая настройка производительности React: ценный совет от разработчика ТВ-приложения 📺🚀
https://www.bam.tech/article/fine-tuning-react-performance-a-subtle-insider-tip-from-a-tv-app
https://www.bam.tech/article/fine-tuning-react-performance-a-subtle-insider-tip-from-a-tv-app
Theodo
Fine-tuning React Performance: A Subtle Insider Tip from a TV App
Discover practical tips for enhancing React app performance on TV platforms using memoization, CSS techniques and React DevTools.
🔥3👍1
Forwarded from ITc | наука и технологии
Java падает на arm маках с macOS 14.4
Из-за бага в macOS 14.4 процесс Java машины может неожиданно завершиться. Это касается всех версий Джавы от 8 до 22. Нет никакого способа избежать или обойти этот баг. И нет простого способа откатить обновление macOS. Этого бага не было в бета версиях macOS 14.4. Он появился только в релизе.
В macOS на М1, М2 и М3 Арм процессорах есть фича которая управляет тем как и когда исполняемый код генерируется и выполняется в каждом потоке.
В нормальном режиме работы JVM обращается к защищенным областям памяти. До версии 14.4 macOS в таких случаях отправляла процессу сигналы SIGBUS или SIGSEGV. Процесс мог сам решить что с ним делать и продолжать ли работу. В версии 14.4 когда процесс пытается писать в защищенную область памяти macOS отправляет ему SIGKILL. И процесс принудительно завершается.
JVM генерирет исполняемый код динамически. И использует защищенные области памяти для оптимизации и проверки корректности своей работы. Из-за этого на macOS 14.4 JVM получает SIGKILL и завершается.
Предварительно скомпилированные нативные приложения GraalVM не подвержены этой проблеме. Но может возникнуть проблема со сборкой новых таких приложений.
Оракл предупредил своих клиентов, Эппл и сообщество OpenJDK об этой проблеме. Оракл рекомендует не обновлять ARM маки до версии 14.4 пока Эппл не починит баг.
Из-за бага в macOS 14.4 процесс Java машины может неожиданно завершиться. Это касается всех версий Джавы от 8 до 22. Нет никакого способа избежать или обойти этот баг. И нет простого способа откатить обновление macOS. Этого бага не было в бета версиях macOS 14.4. Он появился только в релизе.
В macOS на М1, М2 и М3 Арм процессорах есть фича которая управляет тем как и когда исполняемый код генерируется и выполняется в каждом потоке.
В нормальном режиме работы JVM обращается к защищенным областям памяти. До версии 14.4 macOS в таких случаях отправляла процессу сигналы SIGBUS или SIGSEGV. Процесс мог сам решить что с ним делать и продолжать ли работу. В версии 14.4 когда процесс пытается писать в защищенную область памяти macOS отправляет ему SIGKILL. И процесс принудительно завершается.
JVM генерирет исполняемый код динамически. И использует защищенные области памяти для оптимизации и проверки корректности своей работы. Из-за этого на macOS 14.4 JVM получает SIGKILL и завершается.
Предварительно скомпилированные нативные приложения GraalVM не подвержены этой проблеме. Но может возникнуть проблема со сборкой новых таких приложений.
Оракл предупредил своих клиентов, Эппл и сообщество OpenJDK об этой проблеме. Оракл рекомендует не обновлять ARM маки до версии 14.4 пока Эппл не починит баг.
👍2
Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)
https://www.youtube.com/watch?v=iDZBeIgcixk
https://www.youtube.com/watch?v=iDZBeIgcixk
YouTube
Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)
🔐 Try Clerk today: https://go.clerk.com/tQXLCe8
Join me as I build an epic Fintech Clone with React Native. You'll learn how to do the following in this tutorial:
Key Features:
🌐 Use Expo file-based routing
🔐 Use Clerk for user authentication with OTP
📦…
Join me as I build an epic Fintech Clone with React Native. You'll learn how to do the following in this tutorial:
Key Features:
🌐 Use Expo file-based routing
🔐 Use Clerk for user authentication with OTP
📦…
👍2
📺 React navigation & state machine: Perfecting app flows
Хорошая статья как база для длинных онбордингов с квизом.
https://www.bam.tech/article/react-navigation-state-machine-perfecting-app-flows
Хорошая статья как база для длинных онбордингов с квизом.
https://www.bam.tech/article/react-navigation-state-machine-perfecting-app-flows
Theodo
React navigation & state machine: Perfecting app flows
On a quest to make complex app flows as clear as possible, we explore different strategies: state machines and custom navigators.
👍4
New chip flaw hits Apple Silicon and steals cryptographic keys from system cache — 'GoFetch' vulnerability attacks Apple M1, M2, M3 processors, can't be fixed in hardware: link
Robert Graham, CEO of security consultancy Errata Security, says to be on the safe side, anyone with a lot of money in a crypto wallet on their Apple device should probably remove it for the time being: link ⚠️ 🚨
Solution:
Because this is not a flaw in the Apple operating system but instead is a hardware issue in the chip, Apple can’t just release a patch the way it would for software flaws. It could, however, address the problem in subsequent chip designs.
*Their is a fix for M3 chips by implementing DIT but it will not work for M2 and M1 chips. Matthew Green, a cryptographer says they’re not clean fixes to address the problem in M1 and M2 chips.
Robert Graham, CEO of security consultancy Errata Security, says to be on the safe side, anyone with a lot of money in a crypto wallet on their Apple device should probably remove it for the time being: link ⚠️ 🚨
Solution:
Because this is not a flaw in the Apple operating system but instead is a hardware issue in the chip, Apple can’t just release a patch the way it would for software flaws. It could, however, address the problem in subsequent chip designs.
*Their is a fix for M3 chips by implementing DIT but it will not work for M2 and M1 chips. Matthew Green, a cryptographer says they’re not clean fixes to address the problem in M1 and M2 chips.
📜 Пересмотр практик верстки - Минималистский компонент Stack, который ставит новые стандарты (давно уже правда) для правильного подхода к разработке макетов: Интересное предложение: избегать использования отступов (padding и margin) в компонентах Text или View, и вместо этого использовать компонент Stack (как это делается в Tamagui, например).
https://www.reactnative.university/blog/rethinking-layout-practices
https://www.reactnative.university/blog/rethinking-layout-practices
www.reactnative.university
Rethinking Layout Practices - React Native University
A minimalistic Stack component that sets the foundation for doing layout well
👎3👍2
У apple появилась возможность запросить one-on-one консультацию по review ваших приложений
Ссылка
@react_native_info
Ссылка
@react_native_info
👍9🔥2🤨2