Skip to content
Go back

Useful Tools and CSS Practices in React

Edit page

Useful Tools and CSS Practices in React

Question: Setup storybook in react

Install Storybook:

npx storybook init

Start with:

npm run storybook

Tips:

Question: Is there vscode extension that help edit both html tags

Use Auto Rename Tag extension for VSCode.

Tips:

Question: Best way to incorporate css within component that works with pico

Pico.css is classless, so use semantic tags.

<section>
  <h1>Welcome</h1>
</section>

Tips:

Question: How to use pico color

Use CSS variables:

color: var(--primary);

Tips:


Edit page
Share this post on:

Previous Post
Running and Testing GitHub Actions Locally and in CI