Unlike vanilla JavaScript where addEventListener is used to add event listeners to the DOM element after the element is created, React makes it easier. Simply add a listener when the element is initially rendered, like-so:

function ActionLink() {
  function handleClick(e) {
    e.preventDefault();
    console.log('The link was clicked.');
  }

  return (
    <a href="#" onClick={handleClick}>
      Click me
    </a>
  );
}

As you can see onClick={handleClick} calls on the above function handleClick and console.log’s: ‘The link was clicked’.

Some of the many types of event listeners in React include:

Keyboard Events:

onKeyDown — Called when a key is depressed

onKeyPress — Called…

In this blog post, I’ll be walking you through how to build the foundations of a web application utilizing JavaScript for the front-end and Ruby on Rails on the back-end. Specifically we’ll be taking a look at my Flatiron School Mod 3 project: ‘POWAH!’. …

RubyMine

RubyMine by Jet Brains is a superb IDE with unparalleled Ruby on Rails support. I recently switched from VS Code, after getting tired of continuously searching for extension after extension, hoping to improve VS Code’s lackluster Rails support. So-far, RubyMine has amazed me with its myriad of Rails-focused features. …

As a student at Flatiron School, preparing for the beginning of the cohort, I hit a massive roadblock in my pre-work: enumerables. I felt a wave of overwhelming anxiety and self-doubt as I tried my hardest to understand.

I remember trying to grasp the concept of enumerables, thinking I had…