@upswot/sample
TypeScript icon, indicating that this package has built-in type declarations

5.10.9 • Public • Published

Sample

This mini project is designed to quickly create a basic widget (component) with the necessary structure.

Each widget (component) has a componentId property and it is unique for each, don't forget about it.

All necessary variables, classes, file names have the word (and then the variable) sample in the name, example:

import { SAMPLE_CONST } from '../constants'
:host,
.sample,
.simplebar-content{
  height: 100%;
}

.sample {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: var(--widget-container-border);
  background: var(--color-neutral-0);
  overflow: hidden;
  transform: scale(1);
}

файлы: src/api/getSampleList.ts, src/components/sampleChild.ts и т.д.

How to start/Visual Example

1.Copying the project

Duplicate entire project packages/sample.


logo_1

2.Naming

Change the copied project to your name, for example the module will be called campaign.


logo_2

3.Replacing variables within files

Here we replace all our sample variables inside files


logo_3

logo_4

logo_5

4.Rename files(Now not actual)

In this paragraph, we rename the files in which the name uses the sample variable and replace it with our name


logo_6

logo_7

5.Result of renamed files(Now not actual)

logo_8


6.Replacement in the global package.json

Copy all instructions that use the sample variable

logo_9

replace with our module name


logo_10

7.Installing a dependency

logo_11

8.Module launch

logo_12

9.Result

logo_13

Readme

Keywords

none

Package Sidebar

Install

npm i @upswot/sample

Weekly Downloads

2

Version

5.10.9

License

MIT

Unpacked Size

3.04 MB

Total Files

231

Last publish

Collaborators

  • snatochii
  • vlad_hordiychuk
  • pavelm6
  • victormartinovich
  • y.yavorsky
  • mykhailo_smerek
  • scandy
  • y.andriienko
  • a.davydchuk
  • danhule
  • mykyta_shkurchenko