This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
bash
npx-create-react-app
`
2. Installed prettier using the following command.
`bash
npm install --save-dev --save-exact prettier
`
3. Created an empty config file using the following command to let editors and other tools know that Prettier is being used.
`bash
echo {}> .prettierrc
`
4. Configure the .prettierrc as follows:
`json
{ "tabWidth": 2, "useTabs": false }
`
5. To help speed up productivity in React projects and stop copying, pasting, and renaming files each time you want to create a new component.Install generate-react-cli.
`bash
npm i generate-react-cli
`
6. To run it using npx use following command.
`bash
npx generate-react-cli component
`
7. Its configuration is as follows:
`json
{
"usesTypeScript": false,
"usesCssModule": true,
"cssPreprocessor": "scss",
"testLibrary": "None",
"component": {
"default": {
"path": "src/components",
"withStyle": true,
"withTest": true,
"withStory": true,
"withLazy": true
}
}
}
`
8. Install ant design
`bash
npm install antd
`
9. Install react fontawsome using following commands
`
npm install --save @fortawesome/react-fontawesome
npm install --save @fortawesome/free-regular-svg-icons
`
Setup for running the development version
1. Open the index.js file & Uncomment the "Development code" part & comment on the "Production Code" part.
2. Run npm start.
Initializing Storybook
To get started installing Storybook, run:
`bash
npx -p @storybook/cli sb init
npm run storybook
`
Open to view it in the browser.
Installation
1. Open your terminal and clone the repo using the following command
`bash
git@gitlab.com:Talking-DB/coding/pocs/ui-components/profile/hc-inbox-chat-profile.git
`
2. Install npm using the following command.
`bash
npm install
`
3. Runs the app in development mode.
npm start`