β π Do you know Jack over at Webflail? Jack helped us a lot in getting Slater off the ground. In those early days, he repeatedly emphasized the need for a community library. Well, today (finally!), we are announcing a community library! Shout out to Jack! :) With the launch, we have included JavaScript snippets from Corey Moen, Digipop, Jeff McAvoy, and yours truly. You can watch a demo of the community library here. β Or you can check it out yourself: https://slater.app/community_library. Do you have useful scripts? Add them to your personal library and send us an email. We'd love to include them. β Javascript 101: rrrrregexRegex or Regular expression is a powerful tool that allows you to search, validate, and manipulate text based on patterns. Regex is widely used in various programming languages and is particularly useful for tasks like form validation. (Before AI, using Regex was an absolute nightmare but with AI assistance, π.) In this 101, let's focus on using regex to validate a user's email address. Need to validate phone numbers, websites or LinkedIn Urls? Check out the Community Library. What are Regular Expressions? A regular expression is a sequence of characters that defines a search pattern. This pattern can be used to match, locate, or manage text. Regex is language-agnostic, meaning you can use similar patterns in JavaScript or most other languages. Let's examine a JavaScript function (also found in the community library) that uses regex to validate email addresses:
Want to know what the Regex does? I'll translate a bit to get a sense of how Regex works but we won't be exhaustive:
π€― Had enough? Use Slater AI to write your Regex. Here's how you might use this in a web form:
If you add this to a form, you can run the following tests email and see how the regex responds:
Regex is great for validating user input but it can do so much more. Maybe we can dig into another use case in a future 101. Want to test your regex, check out a playground like https://regexr.com. Keep exploring regex! It's a skill that will serve you well in the Webflow world. β Your projects, supported by SlaterThe Rive Guy is always creating cool Rive animations with Slater. Go check him out on Twitter and use one of his community library scripts.
Happy coding! π€ the Slater Team β If Slater helps you create better websites, please support the team behind it.
|
Slater resources, updates and community activity
You may recall that the original Slater had access controls for projects and files. We didn't want just anyone going in there and rewriting our Javascript. However, managing access for teammates became cumbersome (I even added a "god mode" to give myself access to any project or file). Since we generally trusted each other and never had issues, we decided to leave it out of the latest version of Slater. That said, we understand that some teams work differently, and maintaining control can be...
We're going to take a brief break from the regular newsletter format to celebrate the release of ask.edgarallan.com. Today, let's hear from Mason Poe, the Founder of Edgar Allan and Slater. I'm thrilled to announce the launch of ask.edgarallan.com and the start of a new conversation. We can all feel it: the web is changing in ways that seem both dramatic and, in a weird way, imperceptible. At times, itβs hard to know where to start exploring what could be next. Sometimes, when you think...
Our new Edgar Allan website, which we're launching next week π€«, uses over 3,000 lines of code. Itβs a bit unwieldy! To better support the new EA website and similar JavaScript-heavy projects, weβve added slater_import. This feature allows you to write a function once and then reuse it across all the files in your project. You can see how to use it here. β¬οΈ Not ready to watch the video? No problem. To import a file, simply start typing the name of the file you want to import and click on the...