I don't get it, the paradigm of React is that you generate the DOM from state, it's a one way data flow. if you're just using it like jQuery to select DOM elements and change them you may as well just use jQuery?
Great point! I think a big part of it is state management and declarative programming. While you are correct that the initial appendage of elements to the DOM is done through the editor, from that point on React can come into play. To be honest I have yet to use it in an actual project but it is an interesting direction for the future of Velo.
One question: I have a webpage on wix that works like I want it to work. Is it possible to create only one element on a page that uses REACT but leave the rest of the webpage the same? I.e, can you mix and match vanilla velo and REACT or will the two systems cause issues?
This was a great video, I followed along on my wix site but I had to stop and pause every 2 minutes to understand the logic. React is powerful and I want to use it for my site in a small way and a big way. The small way, I have a 'vote counter' on one of my webpages and I simply want that one text element to update in real time whenever there is a change. Right now using my code, it updates the dataset whenever someone vote on poll, and whenever the user refresh the page they can see the updated number of votes. I may look for an alternate method to accomplish this because REACT is a bit intimidating for now. lol Anyway, looking forward to your next videos, these are great. Would be very interested in a Wix SEO video
hey great video I do ve two question: 1: wix is rendering everthing serversided if possible when you use the js way, does it render the react component serversided or is it like plain react and renders it client sided? 2: Are there any limitations and how is the performance compared to native js?
Thanks, for official answers you would have to reach out to Wix. My best guess is that the render cycle remains the same and that any effect on performance is minimal.
Hello, great tutorial thank you. Is there a way to mix standard React/HTML components with Wix components? What I mean is like, rendering native elements like div, dropdown in Wix page? For example, class TodoList extends React.Component { constructor(props) { super(props); this.state = { todos: ['Buy groceries', 'Walk the dog', 'Do laundry'] }; } renderTodoItems() { const todoItems = []; for (let i = 0; i < this.state.todos.length; i++) { todoItems.push({this.state.todos[i]}); } return todoItems; } render() { return ( Todo List {this.renderTodoItems()}
); } } So instead of referring already added wix components to page, I would like to add them dynamically? If this is not possible, what is the best way to do it?
@@thewixwiz Yes I noticed them, I was curious if they will always dynamically adjust the height/width dependin on the content, or can I do it via message passing? If you can make a tutorial for this that would be amazing!
Great work 👍👍 ,could you please do another tutorial to use npm package on wix (ergo-dapp-connector-ergopay)
I would check to see if there is another way to embed that using an iFrame :)
@@thewixwiz @Wix Fixer this shows how it works if it help nightowelontwitervideo link next comment
@@thewixwiz hey did you find a way to use npm package (ergo-dapp-connector-ergopay) ?
@@ProXGamer7 Sorry I don't think you would be able to implement that using velo-react. I would look for an iFrame version.
Nice work man! I’ve just founded your channel and I love it.
I’m using Wix for many years but this is exactly what I was looking for.
Thanks for your support!
I don't get it, the paradigm of React is that you generate the DOM from state, it's a one way data flow. if you're just using it like jQuery to select DOM elements and change them you may as well just use jQuery?
all you seem to get is JSX as syntax, which I guess is cool, but that's not React
Great point! I think a big part of it is state management and declarative programming. While you are correct that the initial appendage of elements to the DOM is done through the editor, from that point on React can come into play. To be honest I have yet to use it in an actual project but it is an interesting direction for the future of Velo.
Please make a tutorial on how to create a custom element with react!
Thanks for the suggestion!
One question: I have a webpage on wix that works like I want it to work. Is it possible to create only one element on a page that uses REACT but leave the rest of the webpage the same? I.e, can you mix and match vanilla velo and REACT or will the two systems cause issues?
I checked and the answer is yes! If you take a look at the link to the final project I have updated it with a demonstration.
Thats so cool im going to try this next time i build a new page
This was a great video, I followed along on my wix site but I had to stop and pause every 2 minutes to understand the logic. React is powerful and I want to use it for my site in a small way and a big way. The small way, I have a 'vote counter' on one of my webpages and I simply want that one text element to update in real time whenever there is a change. Right now using my code, it updates the dataset whenever someone vote on poll, and whenever the user refresh the page they can see the updated number of votes. I may look for an alternate method to accomplish this because REACT is a bit intimidating for now. lol
Anyway, looking forward to your next videos, these are great.
Would be very interested in a Wix SEO video
Thanks for the support! I'll add your suggestion to the list
hey great video I do ve two question: 1: wix is rendering everthing serversided if possible when you use the js way, does it render the react component serversided or is it like plain react and renders it client sided?
2: Are there any limitations and how is the performance compared to native js?
Thanks, for official answers you would have to reach out to Wix. My best guess is that the render cycle remains the same and that any effect on performance is minimal.
This is sooo good, keep it up king!
Thanks so much!
how to enable react code editor I'm searching from 3 days
You have to install the npm package.
Hello, great tutorial thank you.
Is there a way to mix standard React/HTML components with Wix components?
What I mean is like, rendering native elements like div, dropdown in Wix page?
For example,
class TodoList extends React.Component {
constructor(props) {
super(props);
this.state = {
todos: ['Buy groceries', 'Walk the dog', 'Do laundry']
};
}
renderTodoItems() {
const todoItems = [];
for (let i = 0; i < this.state.todos.length; i++) {
todoItems.push({this.state.todos[i]});
}
return todoItems;
}
render() {
return (
Todo List
{this.renderTodoItems()}
);
}
}
So instead of referring already added wix components to page, I would like to add them dynamically?
If this is not possible, what is the best way to do it?
Hi, you can use either a custom element or an HTML element ().
@@thewixwiz Yes I noticed them, I was curious if they will always dynamically adjust the height/width dependin on the content, or can I do it via message passing? If you can make a tutorial for this that would be amazing!