diegosilvatech / example-design-lib

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BOILERPLATE | CRA with TypeScript

react, typescript, styled-componets, storybook, jest, react testing library and more...

ABOUT THIS PROJECT

This project is a template for ReactJS project. This template was built with Create React App and TypeScript. Made by Diego Silva


AVALIABLE SCRIPTS

At first, in the project directory, you need run:

// installing the dependencies
yarn install
// creates .jest-test-results.json file to @storybook/addon-jest
yarn test:generate-output

OTHER SCRIPTS AVAILABLE

// run project on http://localhost:3000/
yarn start

Run the app in the development mode by opening http://localhost:3000 to view it in the browser. The page will reload if you make edits.

// build project
yarn build
// runs the linter in all components and pages
yarn lint
// runs jest to test all components and pages
yarn test
// runs jest in watch mode
yarn test:watch
// creates .jest-test-results.json file to @storybook/addon-jest
yarn test:generate-output
// runs storybook on http://localhost:6006/
yarn storybook
// creates a new component. to create a Button component, for example, run: yarn generate Button
yarn generate <ComponentName>

Learn how to install yarn through the official documentation.


MAIN TECHNOLOGIES USED

typescript

To give more power to my JavaScript code.

styled-components

To stylize my app as components.


ABOUT ME

My Github profile: https://github.com/coderamos/

My Linkedin profile: https://www.linkedin.com/in/coderamos/


ezoic increase your site revenue

About


Languages

Language:TypeScript 55.7%Language:JavaScript 31.0%Language:Handlebars 12.5%Language:Shell 0.8%