DEV Community

Cover image for Introducing Xamarin.Forms Fiddle
Akash Kava for Web Atoms

Posted on

6 4

Introducing Xamarin.Forms Fiddle

Xamarin.Forms app in JavaScript

With Web Atoms, you can create Xamarin.Forms apps in JavaScript. You can write JSX instead of Xaml and that gives you powerful multibinding and allows you to push code on production.

  1. Side by side versioning
  2. Divide large app in multiple javascript npm packages
  3. No need to create multiple apps and integrate all of them
  4. Debug JavaScript in Chrome using V8 Inspector protocol for Android
  5. Debug JavaScript in Safari debugger for iOS

Download the App

Trying and playing with Xamarin.Forms in JavaScript is one step process, download the app.

App Store

Play Store

Open Demo

Shapes

https://www.webatoms.in/play/demo/shapes/1
https://www.webatoms.in/play/demo/rating/4

Explore new feature "Shapes" of Xamarin.Forms 4.7.

Master Detail

https://www.webatoms.in/play/demo/master-detail

Application with drawer and multiple pages, using navigation service to open pages, retrieve result and load unpacked pages.

List View

https://www.webatoms.in/play/demo/list

Explore list view with Cell bindings. Using two way binding to update the selection.

Form

https://www.webatoms.in/play/demo/form/3

Explore validation sample with simple form.

Tabbed Page

https://www.webatoms.in/play/demo/tabbed-page/3

Explore tabbed pages.

Scan QR Code

Scan and Play

Console Logging

You can see console of your device and you can log errors/warnings in the console in your code.

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay