Merge pull request #3 from gsin11/docs/added-contribute-file

learnwithgurpreet · web-flow · commit 35094c918645 · 2021-04-29T12:19:19.000+02:00
added contribution file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,82 @@
+# Contributing
+
+Thank you for your interest in contributing! Please feel free to put up a PR for any issue, feature request or enhancement.
+
+Even if you have little to no experience with Tailwindcss, JavaScript or React, we'd be more than happy to help you with any information or guidance in order to fulfill your PR.
+
+## Reporting issues & features requests
+
+If you notice any bugs in the code, see some code that can be improved, or have features you would like to be added, please create a [bug report](https://github.com/gsin11/reactjs-tailwindcss/issues/new?template=bug-report---.md) or a [feature request](https://github.com/gsin11/reactjs-tailwindcss/issues/new?template=feature-request---.md)!
+
+If you want to open a PR that fixes a bug or adds a feature, then we can't thank you enough!
+
+## Working on issues
+
+Please feel free to take on any issue that's currently open. Just send a comment in order to let us know you're working on it so we can assign that specific issue to you.
+
+## Submitting a pull request
+
+**reactjs-tailwindcss** is an open-source project, so pull requests are always welcomed (_always_ ❤️).
+What we ask you, is that before working on a large change, it is best to open an issue first to discuss it with the maintainers or if an issue was already opened, comment your intention of opening up a PR.
+
+When in doubt, keep your pull requests small. To give a PR the best chance of getting accepted, don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.
+
+### Branch types
+
+1. **Feature** - New implementation code that is required for product development. Everything that is not considered a defect and brings value is considered a feature. Example: **feature/ID-483-enable-SSR**
+2. **Bug** - Defects, either flagged by the QA team or any of the parties involved in the project, missing functionality or wrongly implemented functionality, they all fall into the “bug” category. Branches that solve such defects should be prefixed with the **bug** prefix. Example: **bug/ID-441-fix-double-spending**
+3. **Chore** — Miscellaneous work not related to the project code. For example, updating node module versions, renaming an environment configuration file or removing unused variables. Example: **chore/rename-dotenv-preference-file**
+4. **Docs** — Any work that relates to project-level and code-level documentation. Whether it is work related to the project **README**, or code-level documentation, branches that host this type of work should use this prefix. Example: **docs/ID-483-enable-SSR**
+
+### Commit formatting
+Every file changed should have its own commit message and each commit message consists of a **header**, a **body** and a **footer**. The header has a special format that includes a **type**, a **scope** and a **subject**:
+```
+<type>(<scope>): <subject>
+<BLANK LINE>
+<body>
+<BLANK LINE>
+<footer>
+```
+From the above template, only the **header** is mandatory (_note_: the **scope** of the header is not mandatory) and the **header** should not be longer than 100 characters!
+
+#### Type
+Can only be one of the following:
+
+* **build**: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
+* **docs**: Documentation only changes
+* **feat**: A new feature
+* **fix**: A bug fix
+* **perf**: A code change that improves performance
+* **refactor**: A code change that neither fixes a bug nor adds a feature
+* **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
+* **test**: Adding missing tests or correcting existing tests
+
+#### Scope
+The scope should be the name of the npm package affected (as perceived by the person reading the changelog generated from commit messages).
+
+#### Subject
+The subject is a succint description of what this commit does.
+
+#### Body
+A large detail, if needed, of what this commit does.
+
+#### Footer
+The footer should only contain a closing statement for an issue.
+
+#### Samples:
+```
+docs(changelog): update changelog to v1.0.0
+```
+```
+refactor: change alert code
+
+With this new code, the alert will respond faster to user interactions (such as closing the alert).
+
+Closes #12
+```
+
+## Branches explained
+
+As you can see we have multiple branches:
+ - **master**: This branch stores the latest stable version of reactjs-tailwindcss.
+ - **develop**: This is the **development** branch of reactjs-tailwindcss, and this is where everything is happening before releasing on master
diff --git a/README.md b/README.md
@@ -15,3 +15,24 @@
 />
 ```
 ![toggle](https://user-images.githubusercontent.com/3865313/116527542-11827a80-a8db-11eb-8c97-4e9bdfec38e2.gif)
+
+### Styles
+If you use purge, `postcss-purgecss`, `postcss` or any other tool to delete unused `css`, you can add the following array into your ignore (i.e. keep classes / whitelist etc.):
+
+```
+["px-5","py-3","border","border-solid","rounded","relative","mb-4","absolute","bg-transparent","text-2xl","font-semibold","leading-none","right-0","top-0","outline-none","focus:outline-none","opacity-50","hover:opacity-75","hover:text-black","text-xl","inline-block","mr-5","align-middle","mr-8","bg-indigo-200","text-indigo-800","border-indigo-300","bg-gray-300","text-gray-800","border-gray-400","bg-green-200","text-green-800","border-green-300","bg-red-200","text-red-800","border-red-300","bg-orange-200","text-orange-800","border-orange-300","bg-blue-200","text-blue-800","border-blue-300","bg-white","text-gray-600","border-gray-100","bg-gray-400","border-gray-500","left-0","z-50","hidden","py-2","text-base","text-left","list-none","mt-1","mb-1","mr-1","ml-1","block","w-full","py-1","px-6","clear-both","font-normal","whitespace-no-wrap","border-0","hover:text-gray-900","hover:bg-gray-100","active:text-white","active:bg-blue-500","text-white","bg-blue-500","text-gray-400","pointer-events-none","mb-2","flex","flex-wrap","items-center","bg-gray-600","justify-between","px-4","bg-blue-600","container","mx-auto","lg:px-4","px-0","capitalize","mr-4","leading-relaxed","ml-auto","cursor-pointer","px-3","text-gray-300","lg:hidden","lg:flex","lg:w-auto","flex-grow","lg:items-center","lg:ml-auto","pl-0","mb-0","flex-col","lg:flex-row","px-2","no-underline","mb-3","leading-normal","text-sm","break-words","text-center","bg-black","mr-2","ml-2","bg-green-600","bg-red-600","bg-yellow-500","bg-teal-500","bg-gray-100","text-gray-900","text-black","bg-gray-800","-mb-px","flex-auto","text-blue-600","hover:text-blue-700","cursor-default","rounded-t","border-transparent","border-b-0","border-b","border-gray-200","sm:flex-row","md:flex-row","xl:flex-row","navbar-expand","sm:hidden","md:hidden","xl:hidden","p-4","pointer-events-auto","border-gray-600","transition-transform","duration-300","ease-out","w-auto","m-2","sm:my-8","sm:mx-auto","transform","-translate-y-1","sm:max-w-xs","md:max-w-screen-md","lg:max-w-screen-lg","sm:max-w-screen-sm","justify-end","p-3","border-t","border-gray-300","rounded-b","items-start","opacity-0","fixed","h-full","overflow-hidden","transition-opacity","duration-75","ease-linear","font-medium","leading-tight","mb-3mr-3","ml-3","mt-3"]
+```
+## Dependencies
+**reactjs-tailwindcss** to properly work needs the following dependencies:
+* react@16.13.1
+* react-dom@16.13.1
+* prop-types@15.7.2
+
+`npm i -E react@16.13.1 react-dom@16.13.1 prop-types@15.7.2`
+
+## Contributors
+This project exists thanks to all the people who contribute. [[Contribute]](https://github.com/gsin11/reactjs-tailwindcss/blob/master/CONTRIBUTING.md).
+
+## Licensing
+* Copyright 2021 reactjs-tailwindcss
+* Licensed under [MIT](https://github.com/gsin11/reactjs-tailwindcss/blob/master/LICENSE)
diff --git a/package.json b/package.json
@@ -32,9 +32,21 @@
   "license": "MIT",
   "keywords": [
     "reactjs",
+    "react",
+    "package",
+    "components",
+    "framework",
+    "tailwind-framework",
+    "react-tailwind",
+    "react-framework",
+    "react-library",
+    "component-library",
+    "tailwind-component-library",
+    "tailwindjs",
     "tailwindcss",
     "js",
-    "javascript"
+    "javascript",
+    "gsin11"
   ],
   "devDependencies": {
     "@babel/core": "^7.13.16",
@@ -60,4 +72,4 @@
     "react-dom": "^17.0.2"
   },
   "dependencies": {}
-}
+}
