В мире React написание компонентов — это искусство. Речь идет не только о том, чтобы заставить их работать, но и о том, чтобы заставить их работать хорошо. Сегодня мы рассмотрим, как создавать компоненты как профессионал, уделяя особое внимание читаемости, возможности повторного использования и эффективности.

В своем первом посте я хочу показать вам, как я могу создать функцию уведомлений React Native всего за 10 минут. Я знаю, что интеграция нативных функций может быть сложной задачей для тех, кто разрабатывает приложения с использованием React Native framework. Потому что вы должны знать больше об Android и IOS.

Чтобы создать систему распознавания лиц на основе сеанса с помощью React Native, вам необходимо интегрировать обнаружение, распознавание лиц и управление сеансами. Вот общий обзор того, как вы можете подойти к этому:

TypeForm или SurveyMonkey с использованием веб-просмотров

Давайте сначала поговорим о двух больших: Typeform и SurveyMonkey.

Если вы уже используете одного из этих двух крупных игроков, вы можете рассмотреть возможность использования его в своем приложении. Но оба не имеют встроенной поддержки React, поэтому единственный способ сделать это — использовать Webviews.

В этой статье мы сосредоточимся на тех из вас, кто создает приложения для Android с помощью React Native. Поскольку Lottie поддерживает React Native, мы рассмотрим все необходимое, чтобы вы могли быстро приступить к работе. Начнем мы с краткого обзора Lottie.

Lottie - это анимационная библиотека с открытым исходным кодом, созданная компанией Airbnb для визуализации сложных анимаций на мобильных устройствах в реальном времени. Она отлично подходит для создания интерактивных анимаций как для Android, так и для iOS. Поскольку Fire OS основана на проекте Android с открытым исходным кодом AOSP, мы можем использовать Lottie для создания сложных анимированных заставок в приложениях для Fire TV с помощью React Native.

Простой компонент React Native для создания в приложении причудливой кнопки с эластичной границей.

Зависит от библиотек react-native-reanimated, react-native-gesture-handler и react-native-svg.

Привет, сообщество dev-gang! Сегодня я покажу вам, как с помощью react-native-maps-directions получить примерное время в пути между двумя точками. Это может быть очень удобно при создании приложений, связанных с путешествиями или передвижением.

Мы рады выпустить стабильную версию React Native ECharts 1.1. В новой версии мы добавили поддержку решения для обработки жестов react-native-gesture-handler, среди других улучшений. Читайте дальше, чтобы узнать больше!

@wuba/react-native-echarts, потрясающая библиотека построения диаграмм для React Native, созданная на основе Apache ECharts и использующая react-native-svg и react-native-skia. Предлагает значительно более высокую производительность по сравнению с решениями на основе WebView. Если вы хотите узнать больше о принципах дизайна проекта, вы можете нажать здесь.

В мире, где мы все связаны через телефоны с помощью аудио- и видеозвонков, если вы планируете создать одно такое приложение, вы попали в нужное место.

Что такое React-компоненты?