Skip to content
Snippets Groups Projects
Commit b70a7db8 authored by Alice Poggioli's avatar Alice Poggioli
Browse files

update how to make component

parent bfe2a21f
No related branches found
No related tags found
1 merge request!19Enum dropdown radio solid-form-search
Pipeline #7135 passed with stage
in 28 seconds
......@@ -37,12 +37,12 @@ Steps
-----
In a first time we are going to set up a local development environment.
1. Create a folder named "Solid-ComponentName"
**1**. Create a folder named "Solid-ComponentName"
.. note::
By convention, we prefix Startin'blox components with "solid". Example: solid-faq, solid-agenda, solid-map..
2. Open a terminal in the folder and type those following commands:
**2**. Open a terminal in the folder and type those following commands:
.. code:: bash
......@@ -54,11 +54,12 @@ In a first time we are going to set up a local development environment.
Then, At the root of your project creat an index.html file.
3. Go to your `package.json` and add the following script :
**3**. Make an npm command available to launch your server
Go to your `package.json` and add the following script :
.. code:: json
#Make an npm command available to launch your server
"serve": "http-server"
Your `package.json` should look like this :
......@@ -82,7 +83,7 @@ Your `package.json` should look like this :
}
}
4. Create your a file `solid-componentName.js` which will welcome your component.
**4**. Create your a file `solid-componentName.js` which will welcome your component.
Now you are ready to start the development of your component :)
......
......@@ -10,6 +10,10 @@ It means that any front can use any data sources from any back because it commun
.. figure:: ../_static/images/import_documentation/Centralized-Vs-Decentralized.png
:alt: What is interoperability ?
.. image:: ./../../_static/images/import_documentation/Centralized-Vs-Decentralized.png
:alt: test
So you can learn how to use the back and the front independently.
.. note::
......@@ -48,6 +52,7 @@ It enables you to use Startin’blox technology and all the base components from
.. note::
**Notes the data-src attribute**
You will find it in almost all Startin'blox components. It is this attribute that hosts the data source you want to use within this component. You can go to the url (`https://apiprod.happy-dev.fr/collectives/ <https://apiprod.happy-dev.fr/collectives/>`__ ) to see what the API looks like.
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment