example of using jQuery (even works with SSR! 🎉) #48

thescientist13 · 2021-10-01T15:41:06Z

Overview

Per ProjectEvergreen/greenwood#523 and this recent tweet reminding us all / highlighting the impactful legacy of jQuery (and out of curiosity), wanted to make sure it worked out of the box with Greenwood, which it does. But pleasantly, found out SSR works with too, so, that's cool. 😎

The intent isn't to merge this PR, but rather provide an example and demonstration for how to add it to a Greenwood project for others to follow.

Steps

For the most part, I only had to follow the installation steps in the jQuery docs.

$ npm install jquery

Usage

Take any page or template, and add some jQuery! ✨

<html>

  <head>
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script>
      $(document).ready(() => {
        $('button.continue')
          .html('Next Step...')
          .on('click', (event) => {
            alert('On to the Next Step!');
          });
      });
    </script>
  </head>

  <body>
    <button class="continue"></button>
  </body>

</html>

thescientist13 added the example label Oct 1, 2021

recreate jquery sample

91494b5

thescientist13 force-pushed the example/jquery branch from 0020e41 to 91494b5 Compare December 24, 2021 15:42

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

example of using jQuery (even works with SSR! 🎉) #48

example of using jQuery (even works with SSR! 🎉) #48

thescientist13 commented Oct 1, 2021 •

edited

Loading

example of using jQuery (even works with SSR! 🎉) #48

Are you sure you want to change the base?

example of using jQuery (even works with SSR! 🎉) #48

Conversation

thescientist13 commented Oct 1, 2021 • edited Loading

Overview

Steps

Usage

thescientist13 commented Oct 1, 2021 •

edited

Loading