独家优惠奖金 100% 高达 1 BTC + 180 免费旋转

What is React Native capable of?

If you root for Flutter and hate React Native to the gut, close this. If you’re a meddler and think only native languages are true ones, refrain from reading this, please. If you’re interested in what cross-platform applications are capable of and why is it possible sometimes to save tons of money and not invest in iOS and Android developers, welcome!

We made an application for the BMW dealer center customers in Belarus. It was designed as a business tool embracing sales, marketing, accounting, loyalty program, and feedback option. In addition to the customer’s wishes, there is superb animation in the catalog.

It is one of the largest TV channels in Belarus. First, we designed a website for them, then a mobile application. The front-end was realized as SPA with Vue.js + Nuxt and the application made with React Native was integrated into the general logic. One of the main perks here was online streaming.

It is our pet wish list application allowing to book presents from the birthday person’s list to avoid repetition and stay anonymous. Registration is with the telephone number to have the whole contact list attached. It allows to see who else is on Giftary and had also made a calendar and a wish list. So, Masha added a feature of attaching not only the names and phone numbers but also photos of the contacts, if available. Otherwise, a random funny emoji would be assigned to a contact.

This application is an environment for beauty professionals and their customers.
It has two parts: Professional and Customer. A customer can quickly search for a professional by trade, location, filter by reviews, and price. What’s interesting, setting an appointment. The system not only considers the professional’s free openings, but also the duration of the procedures selected. Easy Style had a built-in messenger to clarify the details with the professional and keep all the communications in one place. It is way more convenient than searching for the necessary message in direct messages or in Viber. It is also where you’d receive a notification about the upcoming visit and a notification in case of cancellation.

Things are even more interesting on the side of a Professional. The application has 2 important functions at once:

2. It is an automated load planner. Easy Style takes over the professional’s schedule because it can keep both the automatic requests from the app and those added manually, such as appointments with the regular customers, Instagram requests, or phone requests — they all will be kept in one planner.

Working hours and available openings shall be set by the professional. Smart scheduling is provided. The application will suggest appointments in a way to use the time most effectively avoiding awkward gaps.

And certainly, the app provides reports and detailed statistics: the number of requests and earnings daily, weekly, monthly, and annually.

But our favorite is the sign-in option via VK, AppleID, Facebook, or Google.

Fashion House is one of the oldest retailers in Belarus representing top fashion brands from Mango to Emporio Armani.

Only a year ago, the company had no Internet presence and today it has one of the most advanced e-commerce solutions and complex integration with a dozen of services.

The application has all the benefits of the Fashion House web version and a bit more. Such as, one can scan a bar code in a store and jump to the goods page in the catalog. This provides the customers with the information earlier available only to the employees of a store: sizes, colors, availability in certain stores. All these are in real-time, of course.

Additionally, take note of image upload at scrolling. It is to avoid uploading all the images at once. There is a possibility to swipe the image to the left or to the right in the catalog, same as usual in native applications. It is useful to look at a garment from various angles without visiting the garment page.

We realized the possibility to use a QR code at a cash desk and show it to the cashier instead of a discount card.

SMS authorization. A code is sent to your phone and then automatically entered into the application without the need for manual input. And statuses of an empty Cart and Favourites are really cool.

This application provides a customer with total control over their visits to their favorite places: from table reservation and ordering to automatic payment and tips to the waiter’s bank card.

Complex animation was realized here: a header changes automatically at scrolling.

QR code scanner for a table giving access to the expanded menu.

Working with multiple tags on the map is organized: they are united in clusters and each type of place has a custom icon.

Order a taxi with the app: just click a link and Yandex.Taxi will build a route and calculate the cost to the selected point.

Giving feedback you can take a photo of the place of a dish: access to the camera is enabled which helps to avoid switching to the gallery and selecting the image there.

It is a SaaS product for exchanging private messages between users of various platforms.

Using React Native we set authorization with FaceId and TouchID to enter the app.

There is a fully realized chat similar to Telegram, with encryption, delivery/view status, and forwarding.

We created lots of tactile responses in the application, such as incorrect code or message copying.

We have realized background push notification processing, that is a complex feature to develop. Once a push notification is received, the application checks it out and selects whether to show it based on internal logic.

The offline first principle is maintained: the application saves data at loading and allows to view content even without Internet access.

We added the option to select a photo from the gallery from the albums on the smartphone.

An ecosystem for learning foreign languages. It consists of the web part containing teacher profiles for different languages and an application including a profile, a chat with a teacher, a schedule, and lessons history.

We set authorization via AppleID, Facebook, and Google.

And we added interaction with the back-end on sockets which means that the application data will be updated in real-time.

A solution for residential complexes and housing communities which allows the residents to enter the territory freely, make entrance passes for their guests, and control residence safety.

We made a cool onboarding in the form of Instagram stories.

There is a custom time picker: change visiting hours and possible duration.

An application for parking in shopping centers. It allows you to pay for parking, buy subscriptions, and check the availability of free slots.

There is a parking timer looking like a battery showing the remaining paid time.
Tollbar opens by a QR code from any spot on the parking.

An application digitalizing the loyalty system in the beer shop chain for both the regular and new customers.

Upon registration with the app, we can upload data for the customers already in the 1C database. No need to enter personal data. Nice animation was added to switching into search mode for Shops and Filter Shops screens. We realized the possibility to filter shops by one’s personalized Favourites.

We made a cool animation for onboarding. And added element deletion with a long swipe to the left, like in Telegram.

The feedback process is very smart: it is super variable and has nice animations.

For more convenience, we made filters and additional info hide when scrolling the catalog down and appear when scrolling up which helps to see more content on the screen.

We tried and showed that React Native allows doing the same as with native languages. BUT! It is important to understand that the result won’t be a game or something extra fast, but rather a user service.

And please, don’t compare React Native with those scary cross-platform bricks from the past, such as Cordova, and Xamarin. Because thinking anything not native is shit you don’t think that this shit can also be made with native languages. While we showed by example how to create a good application with a nice interface and cool animations.

Add a comment

What is your view?

Send

Related posts:

Want to be a more effective designer? Practice these 7 skills.

As designers we all want to become better at our craft and as design leaders we want to help our people do the same. Often we focus on all the things directly related to being a designer — tools…

plots for sale in mysore road bangalore

TURN A PROFIT AROUND MYSORE ROAD When we travel back in time, one may have considered Mysore Road to be a boundless stretch of agricultural land where a propitious investment seemed unfeasible. Yet…

Several Qualities of your Excellent Online Furniture Company

Getting home furniture on the web can be quite a nerve-racking knowledge. Most of the time you might be working with an individual which you can not notice, feel or perhaps notice. For this reason…