atomicojs / codesandbox

Atomico Starter Skit

Hi, thanks for starting with Atomico js web components in this starter-kit you will find what you need to start with Atomico and if you have questions about Atomico I will gladly solve them through an Issue, Discord or Twitter.

Now what you have installed is a quick start kit based on Vite, now to continue you must execute the following commands:

1. npm install
2. npm start : Initialize the development server
3. npm build : Optional, Generate a build of your project from the html file index.html.

Workspace

Recommended structure

src
  |- my-component
  |  |- my-component.{js,jsx,ts,tsx}
  |  |- my-component.test.js
  |  |- README.md
  |- components.js # import all components

The npm run create:component command, will create a webcomponent with the recommended structure.

Scripts

npm run create:component

Create a new webcomponent inside src, according to the recommended structure.

npm run start

initialize Vite server

npm run build

package the app using de Vite

npm run create:component

Create a base component