@myinterview/widget-react 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -27
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,46 +1,58 @@
|
|
|
1
|
-
#
|
|
1
|
+
# React-Widget
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The myInterview widget for [React](https://reactjs.com).
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
See [myinterview.com](https://www.myinterview.com) for an examples and comprehensive docs.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
# Installation and usage
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
The easiest way to use react-widget is to install it from npm and build it into your app with Webpack / rollup / parcel.
|
|
10
10
|
|
|
11
|
-
Runs the app in the development mode.\
|
|
12
|
-
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
|
|
13
11
|
|
|
14
|
-
|
|
15
|
-
You will also see any lint errors in the console.
|
|
12
|
+
>react-widget compatible with react version `react@16.x.x`, `react@17.x.x`, `react@18.x.x`!
|
|
16
13
|
|
|
17
|
-
|
|
14
|
+
```bash
|
|
15
|
+
yarn add @myinterview/widget-react
|
|
18
16
|
|
|
19
|
-
|
|
20
|
-
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
|
|
17
|
+
# or use npm
|
|
21
18
|
|
|
22
|
-
|
|
19
|
+
npm install @myinterview/widget-react
|
|
20
|
+
```
|
|
23
21
|
|
|
24
|
-
|
|
25
|
-
It correctly bundles React in production mode and optimizes the build for the best performance.
|
|
22
|
+
Then use it in your app:
|
|
26
23
|
|
|
27
|
-
The build is minified and the filenames include the hashes.\
|
|
28
|
-
Your app is ready to be deployed!
|
|
29
24
|
|
|
30
|
-
|
|
25
|
+
```jsx
|
|
26
|
+
import React from 'react';
|
|
27
|
+
import { Widget } from '@myinterview/widget-react';
|
|
31
28
|
|
|
32
|
-
|
|
29
|
+
const App = () => {
|
|
30
|
+
const onCompleteCallback = () => {
|
|
31
|
+
//...
|
|
32
|
+
}
|
|
33
|
+
const onError = () => {
|
|
34
|
+
// ...
|
|
35
|
+
}
|
|
36
|
+
return (
|
|
37
|
+
// ...
|
|
38
|
+
<Widget
|
|
39
|
+
job={{ job_id: "xxxxxxxxxxxxxxxxxx" }}
|
|
40
|
+
candidate={{ email: "test@mail.com", username: "Max" }}
|
|
41
|
+
config={{ onCompleteCallback, onError,
|
|
42
|
+
auth: "apikey xxxxxxxxxxxxxxxxx sig=xxxxxxxxxxxxxxxxxxxxxxxxxx" }}
|
|
43
|
+
/>
|
|
44
|
+
)
|
|
45
|
+
}
|
|
46
|
+
```
|
|
33
47
|
|
|
34
|
-
|
|
48
|
+
# Documentation
|
|
35
49
|
|
|
36
|
-
|
|
50
|
+
> **For more detailed documentation with all explanation about possible (Props, Methods and Customisation ) please visit your website [myinterview.com](https://www.myinterview.com)**
|
|
37
51
|
|
|
38
|
-
|
|
52
|
+
# Thanks
|
|
39
53
|
|
|
40
|
-
|
|
54
|
+
Just want to say thank you to everyone who has made it happen.
|
|
41
55
|
|
|
42
|
-
##
|
|
56
|
+
## License
|
|
43
57
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
To learn React, check out the [React documentation](https://reactjs.org/).
|
|
58
|
+
MIT Licensed.
|