Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

700: Payload is Rails for JS with TypeScript, React and Drizzle (James Mikrut)

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

In this supper club episode of Syntax, Wes and Scott talk with James Mikrut about Payload, how Payload isn’t just a CMS, where Payload fits in a tech stack, why they picked Drizzle for an ORM, what Payload Cloud is, and where’s the Rails for JavaScript? <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:31">00:31</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=02:00">02:00</a> Who is James Mikrut and what’s the idea behind Payload?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=05:22">05:22</a> Payload isn’t just a CMS</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://payloadcms.com">Payload</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://github.com/payloadcms/payload">Payload on GitHub</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://twitter.com/payloadcms">Payload on Twitter</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.youtube.com/@payloadcms">Payload on YouTube</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=09:08">09:08</a> Where does Payload fit in the tech stack?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://keystonejs.com/">KeystoneJS</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://supabase.com/">Supabase</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://retool.com/">Retool</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=11:22">11:22</a> Is Payload using TypeScript?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=13:44">13:44</a> Why did you pick Drizzle?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://orm.drizzle.team/">Drizzle ORM</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=18:08">18:08</a> Do you have to maintain MongoDB and Drizzle?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://kit.svelte.dev/">SvelteKit</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=26:31">26:31</a> Does Payload have visual editing elements?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=30:34">30:34</a> Do you build a custom UI for users?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=35:10">35:10</a> What is Payload Cloud?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=38:12">38:12</a> Where is the Rails for JavaScript?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://nextjs.org/">Next.js by Vercel</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://spark.laravel.com/">Laravel Spark</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://forge.laravel.com/">Deploy your Laravel PHP application painlessly</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://redwoodjs.com/">RedwoodJS: The App Framework for Startups | RedwoodJS.com</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=41:39">41:39</a> How do you manage contributions from open source?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=43:46">43:46</a> GitHub + AI</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=48:18">48:18</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://payloadcms.com/blog/error-management-magic-introducing-the-sentry-plugin-for-payload"> Error Management Magic: Introducing the Sentry Plugin for Payload</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href="#t=50:26">50:26</a> Supper Club questions</li> </ul> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Shameless_Plugs_34"></a>Shameless Plugs</h3> <a href="https://github.com/payloadcms/payload">Payload on GitHub</a> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Hit_us_up_on_Socials_38"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a>

In this supper club episode of Syntax, Wes and Scott talk with James Mikrut about Payload, how Payload isn’t just a CMS, where Payload fits in a tech stack, why they picked Drizzle for an ORM, what Payload Cloud is, and where’s the Rails for JavaScript?
 Show Notes  00:31 Welcome
 02:00 Who is James Mikrut and what’s the idea behind Payload?
 05:22 Payload isn’t just a CMS
 Payload

 Payload on GitHub

 Payload on Twitter

 Payload on YouTube

 09:08 Where does Payload fit in the tech stack?
 KeystoneJS

 Supabase

 Retool

 11:22 Is Payload using TypeScript?
 13:44 Why did you pick Drizzle?
 Drizzle ORM

 18:08 Do you have to maintain MongoDB and Drizzle?
 SvelteKit

 26:31 Does Payload have visual editing elements?
 30:34 Do you build a custom UI for users?
 35:10 What is Payload Cloud?
 38:12 Where is the Rails for JavaScript?
 Next.js by Vercel

 Laravel Spark

 Deploy your Laravel PHP application painlessly

 RedwoodJS: The App Framework for Startups | RedwoodJS.com

 41:39 How do you manage contributions from open source?
 43:46 GitHub + AI
 48:18 Syntax Brought to you by Sentry
  Error Management Magic: Introducing the Sentry Plugin for Payload

 50:26 Supper Club questions
  Shameless Plugs Payload on GitHub
 Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

700: Payload is Rails for JS with TypeScript, React and Drizzle (James Mikrut)

Poslechněte si podcast