,

Digital Gardening with Astro, SolidJS, & MDX: Kathleen McMahon @ ReactNext ’23 says goodbye to weeds

Posted by

In this tutorial, we will discuss Kathleen McMahon’s talk at ReactNext ’23 titled "Bye-bye, weeds! Digital Gardening with Astro, SolidJS, & MDX."

Firstly, let’s create a basic HTML structure for our tutorial page:

<!DOCTYPE html>
<html>
<head>
    <title>Digital Gardening with Astro, SolidJS, & MDX</title>
</head>
<body>

<h1>Kathleen McMahon @ ReactNext '23 | Bye-bye, weeds! Digital Gardening with Astro, SolidJS, & MDX</h1>

<!-- Your content will go here -->

</body>
</html>

Now, let’s add some content about Kathleen McMahon’s talk:

<h2>About the talk:</h2>
<p>Kathleen McMahon will be discussing how to build a digital garden using Astro, SolidJS, and MDX. She will provide insights into creating a seamless and interactive web experience for users.</p>

<h2>What is Digital Gardening?</h2>
<p>Digital gardening is a concept where developers create a web space for organizing and showcasing their thoughts, ideas, and projects. It is like tending to a digital garden where content grows over time.</p>

<h2>Tools used in the talk:</h2>
<ul>
    <li>Astro: A modern static site builder that allows developers to build fast and interactive websites.</li>
    <li>SolidJS: A declarative JavaScript library for building web applications with a focus on performance and reactivity.</li>
    <li>MDX: A markdown-based format that enables developers to write JSX in markdown files, combining the benefits of both formats.</li>
</ul>

<h2>What will be covered:</h2>
<p>In her talk, Kathleen will cover the process of setting up a digital garden using Astro, implementing interactive features with SolidJS, and creating dynamic content with MDX. She will provide hands-on examples and practical tips for building a successful digital garden.</p>

Now, let’s wrap up this tutorial by adding some additional resources and links:

<h2>Additional Resources:</h2>
<ul>
    <li><a href="https://astro.build/">Astro Website</a></li>
    <li><a href="https://www.solidjs.com/">SolidJS Website</a></li>
    <li><a href="https://mdxjs.com/">MDX Website</a></li>
    <li><a href="https://reactnext.com/">ReactNext Conference Website</a></li>
</ul>

<p>That's all for our tutorial on Kathleen McMahon's talk at ReactNext '23. We hope you found this information helpful in starting your own digital gardening journey with Astro, SolidJS, & MDX. Happy coding!</p>

This tutorial provides a basic HTML structure for sharing information about Kathleen McMahon’s talk on digital gardening with Astro, SolidJS, & MDX. Feel free to customize and enhance the content as needed. Happy coding!