yasser-belatreche / cra-template-yasser-ts-setup

A ready-to-use structured ReactJS project initialized with "Typescript, scss, storybook, tailwindcss, styled-components and jest" to skip the tedious task of installing every dependency needed and dive directly into the fun part, coding

cra-template-yasser-ts-setup

This is an official Typscript template for Create React App.

To use It you need to specify the template name when creating a react app using CRA like that :

npx create-react-app myapp --template yasser-ts-setup

After the installation complete don't forget to install the dev dependences by running this command:

npm install -D @storybook/addon-actions @storybook/addon-essentials @storybook/addon-links @storybook/builder-webpack5 @storybook/manager-webpack5 @storybook/node-logger @storybook/preset-create-react-app @storybook/react @types/styled-components autoprefixer postcss tailwindcss webpack

And Also add the following scripts to your package.json file:

{
  ...

  "scripts": {
    ...
    "storybook": "start-storybook -p 6006 -s public",
    "build-storybook": "build-storybook -s public"
  },

  ...
}

For more information about CRA, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.

Developer Contact:

• linkedIn
• twitter

For more information about this template, please open the template directory and read the README file, And in case you wanna clone it directly you can refer to this repository