Skip to content

Commit 7cb2ac0

Browse files
committed
More stuff
1 parent 2beec30 commit 7cb2ac0

File tree

4 files changed

+40
-1
lines changed

4 files changed

+40
-1
lines changed

homedocs/src/data/navigation.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,10 @@ export const navigation = [
5353
{ title: "Migration Guide", slug: "migration-guide" },
5454
],
5555
},
56+
{
57+
title: "Resources",
58+
items: [{ title: "Sample Applications", slug: "sample-applications" }],
59+
},
5660
],
5761
},
5862
{

homedocs/src/pages/docs/intro/hello-world.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,6 @@ Let's break down the key parts:
2626
- **LabelsTopLayout** - A layout that positions labels above form fields
2727
- **expr()** - Creates a computed expression that updates when dependencies change
2828
- **hasValue()** - Returns true if the bound value is defined
29-
- **createModel** - Creates a typed accessor for store bindings
29+
- **createModel** - Creates a typed accessor model for store bindings
3030

3131
When the user enters their name or date of birth, the bindings update the store and the UI re-renders automatically. This declarative data binding is a core concept in CxJS—you define what data each widget uses, and the framework handles synchronization.

homedocs/src/pages/docs/intro/migration-guide.mdx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,20 @@ If using this plugin, chain `babel-loader` after `ts-loader`:
9090
9191
## General Improvements
9292
93+
### Renamed: createModel
94+
95+
The `createAccessorModelProxy` function has been renamed to `createModel` for brevity. The old name remains available as an alias for backward compatibility, but `createModel` is now preferred.
96+
97+
```typescript
98+
// Before
99+
import { createAccessorModelProxy } from "cx/data";
100+
const m = createAccessorModelProxy<Model>();
101+
102+
// After (preferred)
103+
import { createModel } from "cx/data";
104+
const m = createModel<Model>();
105+
```
106+
93107
### Typed Controller Methods
94108
95109
With TypeScript, you can use `getControllerByType` to get a typed controller reference instead of
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
layout: ../../../layouts/DocsLayout.astro
3+
title: Sample Applications
4+
---
5+
6+
# Sample Applications
7+
8+
Explore full-featured applications built with CxJS to see how various framework features work together in real-world scenarios.
9+
10+
| Application | Description | Demo | Source |
11+
| -------------------- | ------------------------------------------------------------ | --------------------------------------------------------- | ------------------------------------------------------------------- |
12+
| Tdo | Task management app with forms, lists, and local storage | [App](https://tdoapp.com) | [GitHub](https://github.com/codaxy/tdo) |
13+
| Hacker News | HN clone with routing, data fetching, and infinite scrolling | [App](https://hn.cxjs.io) | [GitHub](https://github.com/codaxy/cxjs-hackernews) |
14+
| State of JS Explorer | Interactive visualization of JavaScript survey data | [App](https://codaxy.github.io/state-of-js-2016-explorer) | [GitHub](https://github.com/codaxy/state-of-js-2016-explorer) |
15+
| Starter Kit | Admin/dashboard boilerplate with routing and charts | [App](https://cxjs.io/starter) | [GitHub](https://github.com/codaxy/cx-starter-kit) |
16+
| CxJS Diagrams | SVG-based diagram library for flowcharts and shapes | [App](https://diagrams.cxjs.io) | [GitHub](https://github.com/codaxy/cx-diagrams) |
17+
| Cx Google Maps | Google Maps wrapper with markers, polygons, and heatmaps | [App](https://maps.cxjs.io) | [GitHub](https://github.com/codaxy/cx-google-maps) |
18+
| Tailwind Template | CxJS + Tailwind CSS application template | [App](https://twapp.cxjs.io) | [GitHub](https://github.com/codaxy/cxjs-tailwindcss-template) |
19+
| Wealth Management | Enterprise dashboard with forms, tables, and charts | [App](https://wealth-management.cxjs.io) | [GitHub](https://github.com/codaxy/wealth-management-demo) |
20+
| Worldoscope | World Bank data reporting tool with customizable templates | [App](https://worldoscope.cxjs.io) | [GitHub](https://github.com/codaxy/worldoscope) |
21+
| Home Expenses | Expense tracking tutorial app with forms and charts | [App](https://home-expenses.cxjs.io) | [GitHub](https://github.com/codaxy/cxjs-home-expenses-app-tutorial) |

0 commit comments

Comments
 (0)