Skip to content

Commit 4822f9f

Browse files
committed
start of v2 structure
1 parent cadfc8d commit 4822f9f

File tree

4 files changed

+57
-0
lines changed

4 files changed

+57
-0
lines changed
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
title: "Counter Tutorial"
3+
order: 2
4+
---
5+
6+
[TODO]
7+
8+
1. Open your newly scaffolded project in your code editor of choice.
9+
2. Create a new file called `Counter.jsx` in the `src/components` directory.
10+
3. In `Counter.tsx`, use Solid's `createSignal` to create a reactive counter state.
11+
4. Export the `Counter` component and import it into your main application file (e.g., `src/App.jsx`).
12+
5. Use the `Counter` component in your application and test its functionality.
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"title": "Getting Started",
3+
"pages": ["quick-start.mdx", "counter.mdx", "todo.mdx"]
4+
}
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
---
2+
title: Quick Start Guide
3+
order: 1
4+
---
5+
6+
The fastest way to try Solid is to create a new project and run it locally.
7+
In just a few minutes, you’ll have a working Solid app running in your browser.
8+
9+
## Solid in your Browser
10+
11+
If you're looking to experiment with Solid without setting up a local environment, open the [Solid Playground](https://playground.solidjs.com/) in your browser.
12+
13+
If you prefer a more complete development setup, you can use the StackBlitz [Javascript](https://stackblitz.com/github/solidjs/templates/tree/master/js) or [TypeScript](https://stackblitz.com/github/solidjs/templates/tree/master/ts) templates.
14+
15+
## Create a New Project
16+
17+
:::note[Before You Begin]
18+
Make sure you have a recent version of your prefer JavaScript runtime installed, such as [Node.js](https://nodejs.org/en), [Bun](https://bun.sh/), or [Deno](https://deno.com/).
19+
:::
20+
21+
[TODO]
22+
23+
- Navigate to directory and run command
24+
- CLI will take you through options
25+
- Once you've selected your options, the CLI will prompt you to install the dependencies and start the development server
26+
- Open browser and navigate to the provided local URL to see your new Solid app in action!
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
title: Todo Tutorial
3+
order: 3
4+
---
5+
6+
[TODO]
7+
8+
1. Open your newly scaffolded project in your code editor of choice.
9+
10+
- Signal to track all tasks
11+
- Function to add a new task
12+
- Function to remove a task
13+
- Function to toggle task completion
14+
- Show number of completed tasks
15+
- Show number of tasks

0 commit comments

Comments
 (0)