React Native — info – Telegram
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
Очень удобная фишка в Xcode 14, теперь можно смотреть оставшееся время загрузки архива и скорость. Этого очень не хватало.

🇺🇸 English translation in comments.

@react_native_info
🔥12👍2🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы хотите сделать библиотеку для React Native, но нет желания настраивать каркас проекта с нуля, то create-react-native-library поможет вам, его основные преимущества:

Простые примеры модулей для Android и iOS, на которые вы можете опираться;
Kotlin настроен для сборки модуля на Android;
Поддержка C++ для нативных модулей на Android и iOS;
Поддержка Expo для библиотек без нативного кода и поддержка web;
Пример приложения React Native для отладки вашей библиотеки;
ESLint, Prettier, TypeScript, Lefthook и Release It предварительно настроены;
Предварительно настроенный react-native-builder-bob для компиляции ваших файлов;
Предварительно настроенный CircleCI для запуска CI тестов;

🇺🇸 English translation in comments.

@react_native_info #reactnative
👍7🔥41
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь Twitter (запрещен в РФ) wa2goose сделал интерестную анимацию перелистывания карточек.
Анимация сделана с помощью reanimated2 и react-native-gesture-handler.
Есть обучающие видео, можно посмотреть тут.

Исходный код проекта можно найти на GitHub

🇺🇸 English translation in comments.

@react_native_info #reactnative
👍14🔥71
This media is not supported in your browser
VIEW IN TELEGRAM
На iOS и Android появился новый редактор кода – Replit.

Replit умеет работать с python, javanoscript, HTML и CSS, C++, C, java, react и многими другими технологиями.

Самое интерестное в нем то, что он был реализован с помощью Expo.

🇺🇸 English translation in comments.

@react_native_info
🔥9🥰2🤔2👍1😁1
😁26😢9🤡2🤣2😐2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником 4TWIGGERS сделал интерестный эффект во время пролистывания ScrollView.

Анимация выполнена с помощью reanimated2.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative
11🔥4🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником GrandPoohBear сделал анимированный циферблат с помощью reanimated2, для управления состоянием используется MobX.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative
🔥72🤯2
😁21💯5😢2👍1🔥1
Советы и подсказки по сокращению в React для новичков

React Shorthand Tips and Tricks for begginers

@react_native_info
73🔥3🥱2
Чуваки из DevJobsScanner проанализировали больше 7 миллионов вакансий за 8 месяцев и вывели интересную статистику восстребованости языков, исходя из количества вакансий по каждому из них.

Теперь можешь всем показывать эту табличку и говорить, что ты невероятно востребованный специалист.

@react_native_info
👍5😁3👏2🔥1
Отладка релизной сборки React Native на максималках или как получить от тестировщиков внятное объяснение ошибки

Что умеет данный инструмент:
— Собирать логи с устройсва;
— Собирать информацию об нативных и JS крашах;
— Собирать информацию о запросах в сеть;
— Экспортировать собранные данные в JSON;

Для кого он нужен?
Этот инструмент нужен для тех кто не хочет использовать сторонние сервисы для сбора логов, теперь можно мгновенно получать информацию от тестировщиков в виде JSON.

🇺🇸 English translation in comments.
🔥14🤔4🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
Отличный пример для тех кто давно хотел попробовать поиграться с 3D моделями на RN.

Пользователь GitHub под ником alexandrius, реализовал данный проект на Expo при помощи threejs, react-three-fiber, expo-gl, expo-three.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative
🔥22🤯54
IDE нового поколения от JetBrains.

Fleet — это легковесный текстовый редактор для тех случаев, когда нужно быстро посмотреть и отредактировать код. Он запускается за считанные секунды — и можно сразу приступать к работе. При этом Fleet легко трансформируется в полноценную IDE: движок анализа кода работает независимо от редактора.

🇺🇸 English translation in comments.

@react_native_info
🤔6🔥4🥰3
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub под ником 4TWIGGERS выложил в открытый доступ код, где показанно как нужно делать SVG анимации на примере таб бара при помощи reanimated2 и react-native-noscript.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments.

@react_native_info #reactnative
🔥16🤯31
Expo SDK 47 beta

Hermes теперь доступен в Expo Go для iOS, а инспектор Hermes теперь также можно открыть из меню разработки в Expo Go и в дев сборках.

React Native 0.70.4 и React 18.1.0

Минимальная версия iOS теперь 13.0.

Экспериментальная поддержка Fabric в нескольких модулей Expo.

Бета-версия навигации основанной на файловой системе с помощью Expo Router.

Обновили react-native-maps 0.31.1 → 1.3.2

Библиотеки expo-firebase-* помечены как deprecated

Удалены устаревшие параметры для конфига app.json

SDK 47 не поддерживает классические сборки с помощью expo build

Поддержка M1 для EAS сборок

🇺🇸 English translation in comments.

@react_native_info
6🔥4
Apple обновила гайдлайны к App Store

— Если некоторые функции зависят от учётной записи пользователей в приложении, то разработчики должны предоставить полный доступ к приложению с активной демо-учётной записью или полнофункциональным демо режимом для Review.

— Приложения могут использовать NFT, но с некоторыми ограничениями. Например, приложения могут позволять пользователям просматривать NFT при условии, что там нет кнопок, внешних ссылок или других призывов к действию для покупки.

— Стандарт «умного дома» Matter: приложения должны использовать фреймворк Apple для поддержки Matter. Если используются другие Matter SDK, то они должны быть сертифицированы.

Подробнее о всех изменениях тут

🇺🇸
English translation in comments.

@react_native_info #reactnative
👍11🤮3🔥1😢1
ReactNative 0.71.0-rc.0

⚠️ Экспериментальная версия

Основные новвоведения:
Добавили поддержку flex-gap для стилей;
Typenoscript теперь поддерживается из коробки;
Началный шаблон приложения теперь генерируется на TS;
Оптимизировали сборку Hermes с помощью Maven, тем самым сократив время сборки для iOS и Android;

Подробнее можно ознакомиться тут

🇺🇸 English translation in comments

@react_native_info #reactnative
10🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
Пользователь GitHub по ником eneskarpuz сделал интерестную библеотеку React Native Drag Text Editor, работает все это дело на reanimated2 и React Native Gesture Handler.

Исходный код можно мосмотреть на гит

🇺🇸 English translation in comments

@react_native_info #reactnative
🔥1733