rename to react-typed-component.

`react-typed-js` is not available.

Author: kxxt

README.md

@@ -1,12 +1,12 @@
-# react-typed
+# react-typed-component
 
 ### A react wrapper for [typed.js](https://github.com/mattboldt/typed.js)
 
 ---
 
 [Installation](#installation)
 
-[Examples](http://kxxt.github.io/react-typed-js)
+[Examples](http://kxxt.github.io/react-typed-component)
 
 [Documentation](#documentation)
 
@@ -17,9 +17,9 @@
 Install with [yarn](https://yarnpkg.com) or [npm](https://www.npmjs.com/)
 
 ```sh
-yarn add react-typed-js
+yarn add react-typed-component
         #or
-npm i react-typed-js
+npm i react-typed-component
 ```
 
 ---
@@ -29,7 +29,7 @@ npm i react-typed-js
 ```javascript
 import React, { Component } from "react";
 import { render } from "react-dom";
-import Typed from "react-typed-js";
+import Typed from "react-typed-component";
 
 class MyComponent extends Component {
   render() {
@@ -64,7 +64,7 @@ render(<MyComponent />, document.getElementById("app"));
 ```javascript
 import React, { Component } from "react";
 import { render } from "react-dom";
-import Typed from "react-typed-js";
+import Typed from "react-typed-component";
 
 class MyComponent extends Component {
   render() {
@@ -90,11 +90,11 @@ class MyComponent extends Component {
 render(<MyComponent />, document.getElementById("app"));
 ```
 
-for blinking cursor `import 'react-typed-js/dist/animatedCursor.css';`
+for blinking cursor `import 'react-typed-component/dist/animatedCursor.css';`
 
 #### Documentation
 
-React-typed-js supports all official options that you can find [here](http://www.mattboldt.com/typed.js/docs/).
+`react-typed-component` supports all official options that you can find [here](http://www.mattboldt.com/typed.js/docs/).
 But also supports some extra props:
 
 | propType          | required | default | description                                      |

package.json

@@ -1,9 +1,9 @@
 {
-  "name": "react-typed-js",
+  "name": "react-typed-component",
   "version": "1.0.0",
   "description": "A react wrapper for typed.js",
   "main": "dist/react-typed.js",
-  "types": "./react-typed.d.ts",
+  "types": "./react-typed-components.d.ts",
   "scripts": {
     "build": "webpack",
     "test": "jest --coverage",
@@ -16,7 +16,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/kxxt/react-typed-js.git"
+    "url": "https://github.com/kxxt/react-typed-component.git"
   },
   "tags": [
     "react",

react-typed.d.ts renamed to react-typed-component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-declare module "react-typed" {
+declare module "react-typed-component" {
   export interface ReactTypedProps {
     typedRef?: Function;
     /** initialize in stopped state */

src/stories/ReactTyped.stories.js

@@ -16,9 +16,9 @@ const description = `
 let typedInstance; // only for demo
 const defaults = {
   strings: [
-    "welcome to react-typed-js",
+    "welcome to react-typed-component",
     'This is a react component that wraps up the <a href="https://github.com/mattboldt/typed.js/">typed.js</a>',
-    'If you like the project add a star in <a href="https://github.com/mattboldt/typed.js/">typed.js</a> and <a href="https://github.com/kxxt/react-typed-js">react-typed-js</a>',
+    'If you like the project add a star in <a href="https://github.com/mattboldt/typed.js/">typed.js</a> and <a href="https://github.com/kxxt/react-typed-component">react-typed-component</a>',
   ],
   typeSpeed: 50,
   backSpeed: 20,

webpack.config.js

@@ -5,7 +5,7 @@ const CopyPlugin = require("copy-webpack-plugin");
 module.exports = {
   mode: "production",
   entry: {
-    "react-typed": "./src/index.js",
+    "react-typed-component": "./src/index.js",
   },
   externals: {
     react: {
@@ -28,7 +28,7 @@ module.exports = {
     path: path.resolve(__dirname, "dist"),
     publicPath: "/",
     libraryTarget: "umd",
-    library: "react-typed",
+    library: "react-typed-component",
     globalObject: "this",
   },