React Native — info – Telegram
React Native — info
@react_native_info
1.29K subscribers
77 photos
26 videos
9 files
235 links
@react_native_info — канал с качественным контентом об RN.

Все самое интересное о ReactNative, React, JS, TS и мобильной разработке.

По всем вопросам обращатся — @igroza @bobcatus
Download Telegram
About
Blog
Apps
Platform
Join
React Native — info
1.29K subscribers
React Native — info
https://twitter.com/Baconbrix/status/1661155734602522624
X (formerly Twitter)
Evan Bacon 🥓 (@Baconbrix) on X
Recreated the animated splash screen from "Universe" using @expo––now it runs on iOS and Android.

Source: https://t.co/VyU5Th74zd
👍4🥱1
1.11K views
React Native — info
AI помощник при онлайн звонках, можно теперь не готовиться к собеседованиям 😁
https://github.com/SevaSk/ecoute
GitHub
GitHub - SevaSk/ecoute: Ecoute is a live trannoscription tool that provides real-time trannoscripts for both the user's microphone…
Ecoute is a live trannoscription tool that provides real-time trannoscripts for both the user's microphone input (You) and the user's speakers output (Speaker) in a textbox. - SevaSk/ecoute
🔥6😁3🤯1🥴1👾1
1.37K views
React Native — info
https://github.com/wcandillon/canvaskit-lite
1.13K views
React Native — info
https://twitter.com/wcandillon/status/1662430557974740992
1.44K views
React Native — info
https://twitter.com/timelessco/status/1665037645259460609
X (formerly Twitter)
Timeless (@timelessco) on X
UI Interaction 1️⃣5️⃣💪

Event Creation inspired by @raunofreiberg’s work, built in #ReactNative, #Expo powered with @swmansion’s #Reanimated and Gesture Handler library, by @_iam_karthik

Thanks to @expo snack and @Baconbrix, you can check it out here👇
…
👍4❤1
1.64K views
React Native — info
https://www.youtube.com/watch?v=tsleLxbvxe0
YouTube
React Native Shared Element Transitions with Reanimated 3
In this tutorial, we will go through every step of the process to build amazing animations in React Native using Shared Element Transitions with Reanimated 3.

🔥 Learn React Native FAST: https://galaxies.dev/reactnative
👨‍💻 Full tutorial: https://galaxies.dev/react…
🔥2👍1
1.47K views
React Native — info
Expo Router + AI 🧠

https://twitter.com/hugemathguy/status/1671697665409597442
🤡6
1.2K viewsedited  
React Native — info
React Native 0.72 был выпущен с новыми востребованными функциями для Metro, улучшенной обработкой ошибок и другими улучшениями опыта разработчиков. Нововведения включают поддержку символических ссылок (в бета-версии), что облегчает работу с monorepo и pnpm, и поддержку экспорта пакетов (также в бета-версии), предоставляющую новые возможности для определения публичного API npm-пакетов и поддержку React Native. Эти функции можно включить в файле конфигурации metro.config.js вашего проекта. Также в версии 0.72 была изменена конфигурация загрузки для Metro в CLI React Native. Обновление файла metro.config.js станет обязательным в версии 0.73​1​.

https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks
reactnative.dev
React Native 0.72 - Symlink Support, Better Errors, and more · React Native
Today we’re releasing 0.72!
👍6
1.18K viewsedited  
React Native — info
https://www.youtube.com/watch?v=VVoXcr18mdo
YouTube
Building a Health Application with React Native: Step Counter
In this video, I'll walk you through the creation of a Step Counter app using React Native. Starting from environment setup to creating an interactive UI, we'll cover everything you need to know. We'll also delve into integrating our app with Apple Health…
🔥3
1.29K views
React Native — info
🚀 Объявляем о выходе бета-версии Expo SDK 49! В этом обновлении внедрены сетевой отладчик и React devtools, улучшена поддержка переменных окружения в Expo CLI, представлен Expo Router v2 и сделан переход на Reanimated 3 с поддержкой New Architecture.

https://blog.expo.dev/expo-sdk-49-beta-is-now-available-6373e78f8624
Medium
Expo SDK 49 beta is now available
Learn about the changes, how to try it out, and how to give feedback.
❤5🔥3👏2🥱1
1.52K views
React Native — info
https://blog.expo.dev/introducing-expo-router-v2-3850fd5c3ca1
Medium
Announcing Expo Router v2
Expo Router v1 has been an incredible success so far! From winning a React Open Source Award, to powering the Kick streaming app — which…
🔥4❤2
1.67K views
React Native — info
AI помогает в upgrade React Native

https://twitter.com/jamonholmgren/status/1676833539671875584
❤5
1.7K viewsedited  
React Native — info
Удобный каталог библиотек для RN, особенно полезна вкладка Trending.

https://reactnative.directory/
👍5❤3🔥2
1.81K views
React Native — info
Progress-based Shared Element Transitions & border radius support are available since Reanimated 3.4.0 🐎

https://twitter.com/piaskowyk/status/1683846036878393349
🔥4❤2👍2
1.75K views
React Native — info
🐦 У React-Native теперь появились end-2-end тесты, что значительно повысит эффективность процесса выпуска обновлений и контроля качества. Официальное приложение RNTester теперь тестируется с помощью Appium и WebDriver.

https://github.com/facebook/react-native/pull/36267
GitHub
add RNTester-E2E: tests for iOS and Android via Appium, WDIO and Jest by kelset · Pull Request #36267 · facebook/react-native
Summary:
The motivation is to create an E2E testing solution for the RNTester app that can be used to flag when things break and the release crew can use to validate more of the codebase ahead of a...
❤5👍3
1.78K views
React Native — info
Почему не так популярна эта либа?
https://github.com/yamankatby/react-native-flex-layout

Может есть аналоги? Делимся
GitHub
GitHub - yamankatby/react-native-flex-layout: Layout primitives for React Native.
Layout primitives for React Native. Contribute to yamankatby/react-native-flex-layout development by creating an account on GitHub.
👍1
1.36K views
React Native — info
clean-rn - Чистит весь кэш React Native
https://github.com/mrousavy/clean-rn
GitHub
GitHub - mrousavy/clean-rn: A simple CLI tool to clean all React Native caches in your project.
A simple CLI tool to clean all React Native caches in your project. - mrousavy/clean-rn
❤‍🔥5
1.3K views
React Native — info
https://www.youtube.com/watch?v=5yM4NPcTwY4
YouTube
Instagram Stickers - “Can it be done in React Native?”
Source code: https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/season5/src/Instagram

Boilerplate: https://bit.ly/instagram-sticker-boilerplate

Learn React Native Gestures and Animations at https://start-react-native.dev/

Example…
👍5
1.43K views
React Native — info
react-native-worklets-core: автономный исполнитель рабочих потоков (worklet runner), вдохновленный Reanimated 2+ и предназначенный для использования в различных библиотеках, таких как VisionCamera, WishList и Skia.

https://github.com/margelo/react-native-worklets-core
GitHub
GitHub - margelo/react-native-worklets-core: 🧵 A library to run JS functions ("Worklets") on separate Threads
🧵 A library to run JS functions ("Worklets") on separate Threads - margelo/react-native-worklets-core
❤2👍2
1.7K views
React Native — info
React Native Newsletter #176
https://newsletterest.com/message/186280/React-Native-Newsletter-176

#newsletter
Newsletterest
React Native Newsletter - React Native Newsletter #176 - Newsletterest
Featured: React Native Europe 2023 , Expo Launch Party 2023 Issue 176 • Open in browser React Native Newsletter This week: All eyes on React Native EU Are ...
👍4
1.72K viewsedited  
React Native — info
После экспериментов со SwiftUI в течение последних пары недель, меня заинтересовало, как время рендеринга по сравнению с React Native и Flutter.

Я провел очень базовый тест, отрисовывая 1 000, 2 000 и 3 000 представлений (views) с текстом и без него.

https://twitter.com/mo__javad/status/1702739498554073451
❤4👍1
1.15K viewsedited