created plain version of this package without css for ssr support, added this information to the README

This commit is contained in:
andrelandgraf 2020-05-01 03:40:24 +02:00
parent b9410d5a2d
commit 7b27339467
3 changed files with 9 additions and 5 deletions

View File

@ -1,6 +1,6 @@
## Info
This package provides a single react component.The component contains an input field with a drop down menu to pick a possible option based on the current input as a react component.
This package provides a single react component. The component contains an input field with a drop down menu to pick a possible option based on the current input as a react component.
Have a look at [w3schools.com](https://www.w3schools.com/howto/howto_js_autocomplete.asp) to see how you can do something similar with pure html, css, and js. For more information about react and the ecosystem see this [guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).
@ -12,6 +12,12 @@ Check it out on [my personal website](https://andre-landgraf.cool/uses)!
Feel free to get inspired and more importantly please provide [your feedback](https://github.com/andrelandgraf/react-datalist-input/issues) on structure and style.
### Using Gatsby or Next.js?
This component is not compatible with server-side rendering since it has css bundled with it.
I created a plain version of this package without css. Find more information [here](https://www.npmjs.com/package/plain-react-datalist-input).
## Installation
### Installation via npm

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "react-datalist-input",
"version": "1.2.14",
"version": "1.3.10",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

@ -1,6 +1,6 @@
{
"name": "react-datalist-input",
"version": "1.3.10",
"version": "1.3.11",
"description": "This package provides a react component as follows: an input field with a drop down menu to pick a possible option based on the current input.",
"main": "./lib/DataListInput.js",
"license": "MIT",
@ -36,8 +36,6 @@
"css-loader": "^3.5.3",
"path": "^0.12.7",
"prop-types": "^15.7.2",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"style-loader": "^0.23.1",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11"