Create Socket App
Create Socket App
is similar to React's Create React App
.
It will help you build native apps for mobile and desktop with Svelte, Reactjs, Vuejs and others!
The idea is to provide a few basic boilerplates and some strong opinions so you can get coding on a production quality app as quickly as possible.
Set up your Socket environement
You can find more details about prerequisites, instructions, and many useful tips in Socket Runtime documentation.
Quick Overview
$npx create-socket-app -h
usage: create-socket-app [react | react-ts | svelte | tonic | vanilla | vue]
$npx create-socket-app
Creating socket files...OK
Initializing npm package...OK
Installing dependencies...OK
Adding package scripts...OK
Updating project configuration...OK
Copying project boilerplate...OK
Type 'npm start' to launch the app
Getting Started
Creat an empty directory and that's it, you are ready to go!
You may choose one of the following methods:
npm
Any of these following commands will work
npm init socket-app [react | react-ts | svelte | tonic | vanilla | vue]
npm create socket-app [react | react-ts | svelte | tonic | vanilla | vue]
yarn
yarn create socket-app [react | react-ts | svelte | tonic | vanilla | vue]
pnpm
pnpm create socket-app [react | react-ts | svelte | tonic | vanilla | vue]
Quick Demonstration Video
examples.mp4
Output:
Now inside of your directory, you should have a directory structure
like this:
.
โโโ README.md
โโโ build.js
โโโ package.json
โโโ socket.ini
โโโ src
โย ย โโโ icon.png
โย ย โโโ index.css
โย ย โโโ index.html
โย ย โโโ index.js
โโโ test
โโโ index.js
โโโ test-context.js
Contributing
If something doesn't work, please Create an issue.
If you have questions or need help, please join our Discord.