DevTips | What do () parenthesis and | pipe mean in RegExp? #2 REGEX ULTRA BASICS @OfficialDevTips | Uploaded June 2018 | Updated October 2024, 12 hours ago.
This episodes shows the basics of how to use capture groups (), non-capture groups (?:) and alternation (|) in Regular Expressions in JavaScript.

The editor is called Visual Studio Code and is free
💻 code.visualstudio.com

Code used in the episode
📝 gist.github.com/chhib/e005e0e9d48cc81529139afdc2ccecc8

If you're totally new to regex you should definitely watch the first video with the basic basics of regular expressions in JavaScript
▶️ youtube.com/watch?v=VrT3TRDDE4M

The plugin used is called Quokka.js and has both a free and a pro version. There's a sponsored video on Fun Fun Function showing off Quokka in depth:
▶️ youtube.com/watch?v=W4brAobC2Hc

Learn more about Regular Expressions on MDN
🔗 developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

Regex Tester websites
🔗 regexpal.com
🔗 regex101.com
🔗 regexr.com