we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

Overview

Gosrock-storybook

semantic-release: angular gosrock gosrock gosrock

๐Ÿ’ก Getting started

  • add dependency
npm install gosrock-storybook
  • how to use
import { GoBackButton } from 'gosrock-storybook';
// need to add css file Don't forget
import 'gosrock-storybook/dist/gosrockStyle.css';

function App() {
  return (
    <>
        <GoBackButton primary={true} label={'asdf'}></GoBackButton>
    <>
  );
}

๐Ÿ“š Document

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

check our stories and document via github page โžก๏ธ โžก๏ธ โžก๏ธ storybook url


๐ŸŒ how we work?

we are using husky to add custom git hook and prettier the code, commitlint to validate commit msg and using commitizen to easy commint

see .husky file pre-commit , prepare-commit-msg , commit-msg shell command


๐Ÿšฌ How to contribute

step 1.

  • clone the repo (who member of @gosrcok)
npm install -g commitizen
// you sholud install commitizen to use git cz command
npm install

step 2.

npm run storybook

step 3.

 git add .
 git commit

if you type git commit than commitizen automatically come out and choose type of change. แ„†แ…ฎแ„Œแ…ฆ


step 4.

  • I need package my output.

โ€ผ๏ธ we are using semantic-release to deploy npm package with github action. so you need to keep angular commit message convention

if you want to upgrade the version than add commit message with in ["fix" , "feat" , "perf"]

  • include fix -> upgrade version 0.0.1
  • include feat -> upgrade version 0.1.0
  • include perf -> upgrade version 1.0.0

see the below meaning of the commit msg.

see how does it works in semantic-release document

Commit message Release type
fix(pencil): stop graphite breaking when too much pressure applied Patch Fix Release
feat(pencil): add 'graphiteWidth' option Minor Feature Release
perf(pencil): remove graphiteWidth option

BREAKING CHANGE: The graphiteWidth option has been removed.
The default graphite width of 10mm is always used for performance reasons.
Major Breaking Release
(Note that the BREAKING CHANGE: token must be in the footer of the commit)

if push or merge event occur in main branch ( see .github/workflows) than semantic-release-action is see all commit msg to deploy automatically version upgrade.

You might also like...

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Feb 27, 2022

Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

bookStore Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read Built With

Jul 20, 2022

This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

May 15, 2022

This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.

webpack-Todo list This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining lo

Jun 15, 2022

"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.

Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal

Jun 23, 2022

ฤฐnstagram Clone.You can sign in, sign up, upload image, make comment ๐Ÿ“ท Used ReactJS, Material UI, Firebase, Firestore Database

 ฤฐnstagram Clone.You can sign in, sign up, upload image, make comment ๐Ÿ“ท Used ReactJS, Material UI, Firebase, Firestore Database

๐ŸŸก instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment ๐Ÿ“ท โšก LIVE To check out the live demo of this app AB

Apr 20, 2022

WPPConnect/mobile is an open source project with the objective of automating whatsapp web using the android or ios mobile browser and being able to perform all the functions of our wa-js project

WPPConnect/mobile is an open source project with the objective of automating whatsapp web using the android or ios mobile browser and being able to perform all the functions of our wa-js project, so it is possible to create a customer service, media sending, intelligence recognition based on artificial phrases and many other things, use your imagination to change and modify this project or collaborate on improvements...

Dec 28, 2022

Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.

Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.

react-native-scrollable-tabview English | ็ฎ€ไฝ“ไธญๆ–‡ Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab

Dec 30, 2022

โœ It has never been so easy to document your things!

โœ It has never been so easy to document your things!

Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them i

Jan 9, 2023
Releases(v1.4.23)
Owner
๊ณ ์Šค๋ฝ
ํ™์ต๋Œ€ํ•™๊ต ๊ณ ์Šค๋ฝ ๋ฐด๋“œ ์กฐ์ง
๊ณ ์Šค๋ฝ
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
Document Typescript React components with TSDoc and export Storybook-friendly JSON ๐Ÿค–

โœจ Document React components with @prop โœจ react-tsdoc ?? react-tsdoc is an tool to extract information from React Typescript component files with TSDoc

Noah Buscher 13 Oct 15, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

Bookstore The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that al

Anuar Shaidenov 6 Jun 12, 2022
The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

Book Store This is Book Store project. Built With HTML CSS JavaScript React Screenshot Live Demo Go Live ?? Getting Started Open dev branch Open VSCod

Tadesse Alemayehu 5 May 3, 2022
A full-stack application for junior developers to find jobs that match their skill-level, find gigs in order to boost their resume, and showcase a portfolio.

Junior is a full-stack web application that was created to facilitate junior developers in finding jobs that match their skill-level, boosting their resume through finding and completing gigs, and providing a way to easily showcase a portfolio

Karolina 5 Oct 25, 2022
Next.js + TypeScript + Material UI v5 + Sass + Storybook starter

nextjs-ts-mui5-scss-storybook-starter ?? Next.js + TypeScript + Material UI v5 + Sass + Storybook starter ?? with linting & prettier pre-configured Ma

Muhammad Ridho Anshory 13 Oct 19, 2022
Book Store is a website that allows you to add, remove and view books.

Book Store Book Store is a website that allows you to add, remove and view books. Built With ReactJS Redux React Router Getting Started with Create Re

Ezekiel Utshudi Eteta 9 Jun 23, 2022
๐Ÿ““ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

Storybook 75.8k Jan 4, 2023
"Math magician is a website for all fans of mathematics. It is a Single Page Application(SPA) that allows users to make simple math calculations and read some math related quotes."

Math Magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations

Michael_Tamirie 3 Mar 29, 2022
"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Alexander Oguzie-Ibeh 4 Apr 11, 2022