How can I work with events in a meteor project, for example animate ()?

1

I am working with React and Meteor components but since I can enter some kind of animation with jquery animate (), I have read something about 'ComponentDidMount (), by saying my components are in this way, how can I reference the DOM nodes for to be able to execute the animations?

this an example of a navbar but not how can I reference the className to work with jquery?

import React from 'react';
import {Link} from 'react-router'
import { Accounts } from 'meteor/accounts-base';
//import './Landing';
// https://secapaz.com/handwritting/     s è  c a p a z 
 //  <Link to="/registro">crea una cuenta.</Link>

export default class NavbarLanding extends React.Component {
    render() {
        return(
        <div className="navbar-landing">
            <nav>
                <div>
                        <ul className="ul-landing">
                                {/* <img src="./public/images/flat-rocket.jpg"></img> */}
                                <li className="navbar-title"><a>Landing </a></li>
                            <div className="navbar-menu">
                                <li><a>acerca</a></li>
                                <li><a>portafolio</a></li>
                                <li><a>contacto</a></li>
                                <button className="btn"onClick={() => Accounts.logout()}>Logout</button>
                            </div>
                        </ul>
                </div>
             </nav>
        </div>
        );
    };
}
//export default NavbarLanding;
NavbarLanding.reactProptype = {
    title: React.PropTypes.string.isRequired
};
    
asked by Gerardo Bautista 07.10.2017 в 19:05
source

1 answer

2

is a framework that uses a technology known as < a href="https://medium.com/@lehiarteaga/understanding-the-virtual-dom-bb8b62ce25c1"> Virtual DOM ; this technology does not interact at all times with the original DOM, instead, performs a series of calculations to know which parts to update and not overload the document with unnecessary repaints.

answered by 07.10.2017 / 21:11
source