Downloaded 12 times
Uploaded byMenno de Haas
Mendix React Native & Javascript actions - Lessons learned
The document outlines insights gained from developing customer-facing applications using Mendix with React Native. Key goals included achieving pixel perfection in design, building required functionality, and assessing developer experience. It concludes that while any Mendix developer can create a basic React Native app, achieving pixel perfection demands specific React Native skills and a different workflow.
Mendix React Native & Javascript actions - Lessons learned
- 1. Mendix React Native& JavaScript actions Lessons learned so far Tim Mulders React (Native) Developer TouchTribe Tim Vredevoort Mendix Consultant WebFlight
- 2. Agenda 1. Tim &Tim 2. Today’s goal 3. Motive 4. Challenges (React Native & JavaScript actions) 5. Preliminary conclusion 6. Questions and discussion
- 3. Tim & Tim •Mulders (Handsome Tim) • React (Native) Developer • TouchTribe Multiple React Native Apps • Vredevoort (Other Tim) • Mendix Developer (expert) • WebFlight Hybrid Mobile Apps
- 4.
- 5. Motive: why didwe do this?
- 6. Motive: why didwe do this? Mr. Client
- 7. Motive: why didwe do this? “Is it possible to create a customer-facing application with Mendix React Native?” Mr. Client
- 8. Motive: Why didwe do this? Tim Tim
- 9. Motive: Why didwe do this? Tim Tim PoC!
- 10. Goal of PoC 1.Can we implement a design pixel-perfectly? 2. Can we build the required functionality using Mendix? 3. How is the developer experience?
- 11. We were givena concept design … •
- 12. Pixel-perfection (1) • Stylingof the basic Mendix Components
- 13. Pixel-perfection (1) • Stylingof the basic Mendix Components
- 14. Pixel-perfection (2) • Buildingcustom React Native widgets
- 15.
- 16.
- 17.
- 18.
- 19. Can we buildthe functionality?
- 20. Can we buildthe functionality?
- 21. So how arewe going to do this? !
- 22. So how arewe going to do this? !
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. • Tada 🎉 JavaScriptaction - code
- 30. JavaScript action -observations
- 31. • // BEGINUSER CODE and // END USER CODE JavaScript action - observations
- 32. • // BEGINUSER CODE and // END USER CODE JavaScript action - observations • Separate reusable functions
- 33. • // BEGINUSER CODE and // END USER CODE JavaScript action - observations • Separate reusable functions • Modern usage of libraries
- 34. JavaScript action -result
- 35.
- 36. Lessons learned sofar 1. Every Mendix Developer can build a simple React Native app*
- 37. Lessons learned sofar 2. Pixel-perfection requires React (Native) skills* 1. Every Mendix Developer can build a simple React Native app*
- 38. Lessons learned sofar 2. Pixel-perfection requires React (Native) skills* 1. Every Mendix Developer can build a simple React Native app* 3. Workflow and tooling is different, especially for React Native developers
- 39.