feat: 2.0.1 done

Author: kimcoder

.babelrc

@@ -3,7 +3,7 @@
     [
       "@babel/preset-env",
       {
-        "loose": true,
+        "useBuiltIns": "usage",
         "modules": false,
         "targets": "> 0.25%, not dead"
       }

.eslintignore

@@ -1,2 +1,5 @@
 node_modules/* 
 dist/*
+example/index.js
+webpack.config.js
+rollup.config.js

.eslintrc

@@ -1,13 +1,19 @@
 {
   "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint", "react", "jsx-a11y", "import"],
-  "extends": [
-    "airbnb",
-    "eslint:recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint", "prettier"],
+  "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:@typescript-eslint/recommended"],
+  "rules": {
+    "prettier/prettier": "error"
+  },
   "env": {
     "browser": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect" // https://github.com/yannickcr/eslint-plugin-react#configuration
+    }
   }
 }

.npmignore

@@ -2,8 +2,13 @@
 .vscode
 .git*
 
+src
 example
 node_modules
 npm-debug.log
 yarn-debug.log
-yarn-error.log
+yarn-error.log
+demo.gif
+rollup.config.js
+webpack.config.js
+tsconfig.json

.prettierignore

@@ -1,7 +1,7 @@
 dist
 src
 example
-rollup.config.js
 webpack.config.js
 *.json
-*.md
+*.md
+.babelrc

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 120,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "useTabs": false,
+  "semi": true,
+  "requirePragma": false,
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "ignore",
+  "endOfLine": "auto",
+  "trailingComma": "none"
+}

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+2.0.0 (November 15, 2020)
+- development by typescript
+- migration functional component
+
 1.0.4 (June 22, 2020)
 - add 'onClick' props. 
   - can handle callback when image was clicked 

README.md

@@ -10,7 +10,7 @@
 [license-image]: https://img.shields.io/badge/license-MIT-blue.svg
 [license-url]: https://github.com/kimcoder/react-simple-image-slider/blob/master/LICENSE
 
-Simple ImageSlider Component for ReactJS v16.0<br>
+Simple ImageSlider Component for ReactJS v16.13<br>
 - Just Two Elements will be used. (for display images)
 - Support GPU Render, by default. 
 - Support Image Preload.
@@ -103,7 +103,7 @@ npm run build:watch     // build watch mode
 // yarn
 yarn example
 yarn build
-yarn buidl:watch
+yarn build:watch
 ```
 If you want to run a test app, should build before do that.<br>
 

example/App.jsx

@@ -15,7 +15,6 @@ import SimpleImageSlider from "..";
 
 class App extends React.Component {
     listSubHeader = <ListSubheader><h1>Slider Settings</h1></ListSubheader>;
-
     toggleOptions = ["useGPURender", "showNavs", "showBullets"];
 
     images = [