<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 by Danny Roest - Recap

Andrej Gajduk
Andrej Gajduk

Mendix

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.





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.


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

Commentary

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. 

New call-to-action

 

Andrej Gajduk

Andrej Gajduk

Andrej Gajduk is a consultant at Mansystems with over 7 years of experience in software development. Currently, he is a lead developer for Application Test Suite.

Related posts

20 Performance tips for Mendix

A few years ago in 2016, I wrote a top 10 performance tips for Mendix. That list contains tips for Mendix developers to build good performing apps is ...

Read More

4 Reasons to switch to a multi-tenant architecture with Mendix

In this blog post I want to look at some advantages and disadvantages of multi-tenant apps and provide tips on how to mitigate the risks associated ...

Read More

Security and low code; did you lock the door?

Security is becoming more important. So it is not surprising that security is always a topic when I am talking to clients. I always emphasize that ...

Read More