convert to jsx code example

Example 1: html to jsx

1) Option One: Online
https://magic.reactjs.net/htmltojsx.htm
or
https://transform.tools/html-to-jsx

2) Option Two: System (assuming you have npm)
npm install html-to-jsx

Example 2: convert to jsx

$(function() {
     var $win = $(window);
     var $box = $(".search-box");
     $win.on("click.Bst", function(event) {
         if (
             $box.has(event.target).length == 0 //checks if descendants of $box was clicked
             &&
             !$box.is(event.target) //checks if the $box itself was clicked
         ) {
             $('#search-stoke').val("");
         }
     });
 });

Example 3: convert to jsx

<script>
      $(".forgot-password").click(function () {
          $("#forgot-password-wrapper").show();
          $("#forgot-password-wrapper").addClass("animated flipInY");
          $("#login-form-wrapper").hide();
          $("#signup-form-wrapper").hide();
      });
      $(".back-to-signin").click(function () {
          $("#login-form-wrapper").show();
          $("#login-form-wrapper").addClass("animated flipInY");
          $("#forgot-password-wrapper").hide();
          $("#signup-form-wrapper").hide();
      });
      $(".back-to-signup").click(function () {
          $("#signup-form-wrapper").show();
          $("#signup-form-wrapper").addClass("animated flipInY");
          $("#forgot-password-wrapper").hide();
          $("#login-form-wrapper").hide();
      });
  </script>