Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(Mvux): added sample repo for all tutorials #1566

Merged
merged 1 commit into from
Jun 16, 2023
Merged

docs(Mvux): added sample repo for all tutorials #1566

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions doc/Overview/Mvux/Overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@ Individually, these questions are simple enough to handle, but hopefully, they h

MVUX is a response to such situations and makes it easier to handle the above scenarios. 

## WeatherApp Sample

You can find the code for our weather app here: https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/WeatherApp

## What is MVUX?

MVUX is an extension to the MVU design pattern, and leverages code generation in order to take advantage of the unique data-binding engine of WinUI and the Uno Platform.
Expand Down
4 changes: 4 additions & 0 deletions doc/Overview/Mvux/Tutorials/HowTo-ListFeed.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,10 @@ In this tutorial, you will learn how to create an MVUX project and the basic usa
- How to use the `FeedView` control to display the data and automatically respond to the current feed status.
- Use a refresh button to retrieve the latest weather data on-demand.

## PeopleApp Sample

You can find the code of this tutorial here: https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/PeopleApp

## Create the Model

1. Create an MVUX project by following the steps in [this tutorial](xref:Overview.Mvux.HowToMvuxProject), and name your project *PeopleApp*.
Expand Down
4 changes: 4 additions & 0 deletions doc/Overview/Mvux/Tutorials/HowTo-PushListFeed.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@ In this tutorial, you will also learn how to create an MVUX project and utilizat
- You'll learn how to use a feed to asynchronously request this data from the service.
- How to use the `FeedView` control to display the asynchronous data and automatically respond to the current feed status.

## StockMarketApp Sample

You can find the code of this tutorial here: https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/StockMarketApp

## Create the Model

1. Create an MVUX project by following the steps in [this tutorial](xref:Overview.Mvux.HowToMvuxProject), and name the project *StockMarketApp*..
Expand Down
6 changes: 4 additions & 2 deletions doc/Overview/Mvux/Tutorials/HowTo-SimpleFeed.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@ In this tutorial you will learn how to create a project that uses MVUX with a co
- The `FeedView` will be styled to use a different template when awaiting data from the service.
- A Refresh button will be added to retrieve the latest weather data on-demand.

## WeatherApp Sample

You can find the code for our weather app here: https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/WeatherApp

## Create the Model

1. Create an MVUX project by following the steps in [this tutorial](xref:Overview.Mvux.HowToMvuxProject), and name the project *WeatherApp*.
Expand Down Expand Up @@ -197,5 +201,3 @@ In the following step you'll learn how to customize the progress-ring you saw be

1. Once the data is the available and the `FeedView` switches to its `ValueTemplate` (the first default `DataTemplate` in our example).

> [!NOTE]
> The source-code for the sample app can be found [here](https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/WeatherApp).
6 changes: 4 additions & 2 deletions doc/Overview/Mvux/Tutorials/HowTo-SimpleState.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,10 @@ In this tutorial you will learn how to create an MVUX project and basic usage of
- The `FeedView` control will be used to display the data and automatically respond to the current State status.
- See how MVUX generates commands and learn how to react to them in the Model.

## WeddingHallApp Sample

You can find the code for our weather app here: https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/WeddingHallApp

## Create the Model

1. Create an MVUX project by following the steps in [this tutorial](xref:Overview.Mvux.HowToMvuxProject), and name your project `TheFancyWeddingHall`.
Expand Down Expand Up @@ -161,5 +165,3 @@ When the user edits the text in the `TextBox`, MVUXs data-binding adapters trans

As you can see, the current value of the state has gotten the updated number '*15*'. This is now being saved to the service, in the following line execution once you hit <kbd>F5</kbd> again.

> [!NOTE]
> The source-code for the sample app can be found [here](https://github.com/unoplatform/Uno.Samples/tree/master/UI/MvuxHowTos/TheFancyWeddingHall).