Skip to content

Commit a001e94

Browse files
authored
Update README.md
1 parent a1093c8 commit a001e94

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
[![npm version](https://badge.fury.io/js/react-webcomponentify.svg)](https://badge.fury.io/js/react-webcomponentify)
44

5-
<img src="https://github.com/master-atul/react-webcomponentify/blob/master/assets/react-webcomponent.png" width="200" height="auto" alt="logo" style="display:block; margin:0 auto;"/>
5+
<img src="https://github.com/a7ul/react-webcomponentify/blob/master/assets/react-webcomponent.png" width="200" height="auto" alt="logo" style="display:block; margin:0 auto;"/>
66

77
**Build and export React Components as Web Components without any extra effort.**
88

@@ -12,13 +12,13 @@ _\* works nicely with preact aswell: See demo_
1212

1313
## Show me live demo?
1414

15-
- Demo Link: https://www.atulr.com/webcomponents-with-react-webcomponentify/
16-
- Demo source code (recommended): https://github.com/master-atul/webcomponents-with-react-webcomponentify
15+
- Demo Link: https://a7ul.github.io/webcomponents-with-react-webcomponentify/
16+
- Demo source code (recommended): https://github.com/a7ul/webcomponents-with-react-webcomponentify
1717

1818
# Use cases
1919

2020
- **Export existing react components as web components** so you can use them with Vue or Angular.
21-
- **Use react's rich api to build web components** with state management, etc. Instruction on how to do exactly that and Live Demo here: https://github.com/master-atul/webcomponents-with-react-webcomponentify
21+
- **Use react's rich api to build web components** with state management, etc. Instruction on how to do exactly that and Live Demo here: https://github.com/a7ul/webcomponents-with-react-webcomponentify
2222
- Lets say you are writing a component library with web components but you already have a huge collection of component in react.You can use this library to generate a component library with the existing components. And then safely continue to rewrite each one of them behind the scene. This makes sure other teams are not waiting for you to finish.
2323
- For more crazy people - You can even export your entire react app as a web component and embed it into another app made with Angular or Vue. So you can keep writing newer parts of code in react while keeping your legacy code working on the side.
2424
- Maybe (not tried) you can embed another old react app (wrapped with this module) inside ur current react app.
@@ -153,7 +153,7 @@ In HTML:
153153
```
154154

155155
This will send `<p>Some Child</p>` via this.props.children to the React component `ComponentWithChild`.
156-
Note that `<p>Some Child</p>` is a dom node and not a react component. So it will be wrapped with a simple react component found here: https://github.com/master-atul/react-webcomponentify/blob/master/src/react-dom-child.js
156+
Note that `<p>Some Child</p>` is a dom node and not a react component. So it will be wrapped with a simple react component found here: https://github.com/a7ul/react-webcomponentify/blob/master/src/react-dom-child.js
157157
But for implementation purposed use it like a regular child component.
158158

159159
# TODO

0 commit comments

Comments
 (0)