<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1195114&amp;fmt=gif">

Getting started with React Native and Mendix

Published 22-09-2020, last updated 01-02-2024 2 min read
Getting started with React Native and Mendix CLEVR Blog overview

This blog is about the 'Getting Started with React Native' video, presented by Danny Roest from Mendix. You can watch the video here.

In this session, Danny goes over the combination of React Native and Mendix and the implications of that architecture, then proceeds with a demo of how to build a custom native pluggable widget.

React Native and Mendix

Mendix chose React Native mostly because it was adopted so well by large companies and because of the active community that’s working to create components for all kinds of device integrations. React Native also aligns with the component-based architecture of Mendix.
Danny goes over the architecture of a Mendix native app, with detailed explanations for what each component does.

Mendix and React Native

Mendix React Native mobile app

Out of the box, Mendix supports many native capabilities and UI elements, but it also offers the option to customize the UX by leveraging custom widgets, JavaScript actions and custom styling.

Extensibility/customization options
Low Code and High Speed go hand in hand, but how to avoid Code Mistakes?  We built the Application Code Reviewer for Mendix. Check it out, download the  mini book and get going!Building a Timeline widget for Mendix native mobile

In this hands-on example, Danny gave a step-by-step demonstration of how to create a timeline widget based on a popular React Native component. 
The main steps in building such a widget are: 

  1. Trying to identify an existing React Native component that can be used as a starting point 
  2. This is the easiest way to get started without having to write Swift or Java code 
  3. Include it in your Mendix project using the most basic example that you can find 
  4. After confirming that this step works you can proceed to 
  5. Connect the widget with actual data from your Mendix application
how to create a timeline widget 


For someone who has been around since hybrid apps were the hot new thing, its incredible to see how fast Mendix is moving Support for truly native apps with over-the-air updates is a killer feature that, combined with the numerous out-of-the-box components, makeMendix the strongest low-code platform for app development. 

On a similar note, if youve ever built a dojo widget (I have built at least a dozen), then you’re familiar with some of the issuethat came along with itThe new pluggable widget architecture addresses a lot of these issuesSpecificallythe ability to use a list of objects as datasource without having to jump through hoops like retrieve over association with JavaScript or sending XPath as string. Even more significant is the option to include other widgets as part of your widgetThat makes it really easy to customize the look and feel of widgets within the safety of the modeler, instead of having to do everything with JavaScript/HTML. Both changes are very welcome additions that address real pain points for widget builders. 

If you're interested in learning more about what kind of mobile applications can be built with Mendix, check out the showcases of Nutricia and Retourplaza, both built by my talented coworkers at Mansystems. 


2023 Embrace Digital Transformation

Your Journey to Digital Transformation Starts Here!

Embrace digital transformation with our proven PLM, MOM and low-code solutions by CLEVR. We're not just offering services, we're offering expertise.

Read the latest CLEVR news, articles and updates on LinkedIn
Receive personal news and updates in your inbox
contact-icon--white Get in touch

Get in touch

Do you want to know more about our CLEVR solutions and services? Please leave your contact details in the form below, write an email or visit us in one of our CLEVR experience centers.