- Live Editable Code Samples: https://stackblitz.com/edit/solenya-samples
- Github Samples: https://github.com/solenya-group/solenya-samples
The individual samples are in the /src/client/app folder:
- Counter
- Demonstrates basic update
- BMI Calculator
- Demonstrates input controls
- Composition
- Demonstrates nested components
- Tree
- Demonstrates nested array components and recursively nested components
- GitSearch
- Demonstrates async web call, debouncing
- Todos
- Demonstrates core concepts of a todo app, without the fluff
- Table
- Demonstrates a custom table component (filter, sort)
- Time Travel
- Demonstrates time travel and serializing to local storage
- Modal Sample
- Demonstrates a modal component
- Animate Element
- Demonstrates animating a single element
- Animate List
- Demonstrates animating a list
- Stopwatch
- Demonstrates a timer
- Tab Sample
- Demonstrates a tab control, using bootstrap css
- Relativity
- Simulates the special theory of relativity
- Autocomplete
- Autocomplete component
- Validation
- Validation, input functions
- Samples
- Sample to demonstrate samples, demonstrates history API integration
The sample uses:
- Webpack
- Webpack hot reloading
- typestyle
- scss
- CSS Framework: Bootstrap 4.1
- Icons: material icons ( https://material.io/icons/ )
- Debouncing, sorting: lodash
- history
- web-animations-api w/ web-animations-js shim for animations
- class-validator
The /src/client/app.ts file demonstrates app startup & hot module reloading.