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


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';
//     s è  c a p a z 
 //  <Link to="/registro">crea una cuenta.</Link>

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

1 answer


is a framework that uses a technology known as < a href=""> 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