react-jquery-plugin

This tool will help you to use jquery plugins like easing, ScrollMagic, Nice Select,etc.. in react very easy.

Usage no npm install needed!

<script type="module">
  import reactJqueryPlugin from 'https://cdn.skypack.dev/react-jquery-plugin';
</script>

README

React jquery plugin

NPM JavaScript Style Guide

This tool will help you to use jquery plugins like easing, ScrollMagic, Nice Select,etc.. in react very easy.

Install

npm install --save react-jquery-plugin

Usage

import React, { Component } from 'react'

import { $ }  from 'react-jquery-plugin'

class Example extends Component {
  componentDidMount() {
    $(window).scroll(() => {
     // put your code here
    });
  }
  render () {
    return (
      <div>
        <h1>Hello there</h1>
      </div>
    )
  }
}

or

import React, { Component } from 'react'

import 'react-jquery-plugin'

class Example extends Component {
  componentDidMount() {
    window.$(window).scroll(() => {
     // put your code here
    });
  }
  render () {
    return (
      <div>
        <h1>Hello there</h1>
      </div>
    )
  }
}

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • I would like to thank our code reviewer and anyone else who participated in making this done.

📝 License

This project is MIT licensed.