hash is a library and two way data bind , to help you use javascript so fast in your web page
Awesome React UI Kit
Clone the repository, and install the dependencies by running the following commands:
$ git clone https://gitlab.eai.com.br/project-grups/sites/ui-kit-front-web.git
Access the project on ui-kit-front-web
directory:
$ cd ui-kit-front-web
Access the Development
branch:
$ git checkout Development
pull all Development
changes:
$ git pull origin Development
then install all dependencies :
$ yarn # npm install
Access the project folder and run the following command:
$ yarn storybook # npm run storybook
$ yarn test # npm run test
$ yarn storybook:export # npm run storybook:export
yarn prepublishOnly # npm run prepublishOnly
- Interfaces for React Components have to be named (ComponentName)Props
- e.g - Component
const App = ({text}) => <div>{text}</div>
- e.g - Interface
interface AppProps { text: string }
- e.g - Component
- All other Interfaces should be CamelCase version of the name of the function or object
- Only add the prefix I if there is no other Choice
- e.g - Function
addStyles() => {}
- e.g - Interface
interface AddStyles {}
- e.g - Function
- Do not use the type any, opt for unknown.
- Limit the use of classes but instead opt for pure single purpose functions.
- Rely on composability to deal with complexity
- Prefer Async/Await syntax over .chain with then.catch
- Separation of concerns in React
- Defer logic to hooks and HOCs
- Page state should be stored in a context API
- Local state should be stored in component
- Keep components as simple as possible so they can be more modular
To make a commit must be used a following rule:
git commit -m "*type*: commit-message"
- Where type is: [
Feature
,Fix
,Improvment
]
- Fetch/Pull the Development Branch
- Create a Branch based on your type and issue name
- e.g - Branch name is Feature-readme
- e.g - Branch name is Fix-styleButton
- Once done push your branch to origin and submit a MR to the Development branch for code review
- e.g -
git push origin Feature-readme
- e.g -
MIT © Abastece-aí