Logo
    Search

    784: Logging × Blogging × Testing × Freelancing

    enJune 19, 2024

    Podcast Summary

    • Web logging servicesUsing dedicated logging services like Papertrail or Sentry for web development projects can be more efficient for handling errors and provide better organization and search capabilities compared to console.log in production environments.

      Effective logging is crucial for understanding and resolving issues in web development projects, but that console.log may not be the best solution for navigating complex logs, especially in production environments. Instead, using dedicated logging services like Papertrail or Sentry can be more efficient for handling errors and providing better organization and search capabilities. These services offer more robust features, such as proper error categorization and longer log retention for compliance and security. Additionally, the discussion touched upon the importance of regular maintenance and the quick reclaiming of nature when left unattended.

    • Logging costs and sustainabilityLogging is expensive due to large databases and quick searchability, but necessary for debugging and understanding application behavior. Consider using sustainable logging practices and tools to reduce carbon footprint.

      Logging, which involves storing large amounts of data from every request made to an application, can be quite expensive due to the need for large, searchable databases. Logging platforms are expensive because they have to hold vast amounts of data and make it quickly searchable. However, logs are essential for debugging and understanding application behavior. When it comes to blogging, it seems that the ecosystem has changed with the rise of content creation platforms like YouTube and TikTok. However, Google's recent algorithm change has led to a resurgence in blogging as good quality content rises to the top of search results. Blogging should be seen as a long-term play, with the goal of building a loyal audience over time. Lastly, the environmental impact of websites is becoming increasingly important, and services like the GreenWeb Foundation and Website Carbon offer tools to help website owners understand and reduce their carbon footprint. These tools can help website owners offset their carbon emissions and make their websites more sustainable.

    • Carbon neutral web hosting and data transferChoosing a carbon-neutral web host and minimizing data transfer are the biggest contributors to environmental sustainability in the digital world. Using tools like Langchain for working with AI providers and being adaptable to different platforms can also help.

      While small actions like enabling dark mode on websites can contribute to environmental sustainability, the biggest impact comes from choosing a carbon-neutral web host and minimizing the amount of data transferred. The discussion touched upon the use of tools like Langchain for working with AI providers and the importance of being adaptable to different platforms. The speaker shared his experience of using Langchain for building AI-powered applications but ultimately preferred a more direct approach using raw API. He emphasized the importance of understanding the underlying mechanisms and making informed decisions based on individual needs. While the impact of an individual's actions might seem insignificant, it's essential to do one's part in contributing to a more sustainable digital world. The conversation also highlighted the importance of transparency and understanding the calculations behind carbon footprint assessments.

    • AI coding, hyphens CSS propertyLearning AI coding requires writing your own scripts using specific tools. The hyphens CSS property is important for text wrapping but has limited browser compatibility. Wasm is designed for running code written in languages other than JavaScript on the web, ideal for heavy processing tasks.

      While packages like Vercel AI can be useful for quick projects, learning and mastering AI coding involves writing your own scripts using specific tools. The hyphens CSS property, which specifies how words should be hyphenated when they wrap, is an important property for ensuring text looks good when it wraps. However, it has limited browser compatibility and only works on certain types of elements. WebAssembly (Wasm) and Java Virtual Machine (JVM) or .NET for C# are not exactly the same, despite some similarities. While they all involve shipping bytecode that is not quite assembly, they serve different purposes. Wasm is designed to enable running code written in languages other than JavaScript on the web, making it an ideal choice for applications that require heavy processing, such as video conversion using FFmpeg, without the need for a hard installation on the user's device.

    • Flexibility of Wazee, Testing TypesWazee's flexibility to run code anywhere, including as a Docker container, allows for ease in unit testing, integration testing, and end-to-end testing. End-to-end testing offers the most value for web app developers.

      Wazee's ability to run code anywhere, including as a Docker container, offers flexibility and convenience for developers. Unit testing involves testing individual units of code, often functions, and can be done using various packages like Mocha or Chai. Integration testing checks how components work together in a system, while end-to-end testing runs applications as users would, ensuring the entire system functions correctly. For web app developers, end-to-end testing offers the most value for the time invested. New parents in the web development world should remember that having children brings a new perspective and priorities, allowing for a healthier work-life balance. Staying updated through podcasts and accepting that not every change requires immediate obsession can also help maintain productivity. Additionally, the early months of parenthood may involve limited hands and extended periods of sitting, so planning accordingly can make the transition smoother.

    • Music production technologyMusic production technology advances, with examples like the Good Hertz guitar pedal offering superior sound quality and the use of wireless setups and software at live shows. CSS module scripts are another innovation for web development, but may not be ideal for all cases.

      Technology is continuously pushing the boundaries of creativity and music production. A prime example of this is the Good Hertz guitar pedal, which replicates the sound of streaming music on a 56k modem and runs software on it. This pedal is not just a typical guitar effect, but a mini computer in itself. At live shows, bands are now using wireless setups, mixing their sounds, and adding effects in real-time, which results in huge, high-quality sounds. While the Good Hertz pedal costs $25,100, the software and hardware combination offer superior sound quality compared to running the software on a laptop. Another interesting topic discussed was CSS module scripts. They were introduced to improve the styling story for Shadow DOM and are a means of keeping style sheets separate for web components. While they might be a good fit for web components, they don't necessarily solve issues for those using bundlers like Vite, where styles are imported and applied automatically. Overall, technology continues to evolve, offering innovative solutions for music production and web development.

    • Import assertions and CSSImport assertions enable the import of non-JavaScript files like JSON and CSS, potentially improving tooling and development processes, and a new CSS feature called 'scope' might address shadow styling issues. Direct CSS import using assertions is a way to handle CSS differently in the future.

      Import assertions, a new feature in JavaScript, allows for the import of non-JavaScript files, such as JSON and CSS. This can lead to potential improvements in tooling and development processes, particularly in regards to CSS scoping and encapsulation. For instance, there is a proposal for a new CSS feature called scope, which might eventually handle the problem of shadow styling in CSS. Additionally, there is a growing trend of importing CSS directly using import assertions, which could change the way we handle CSS in the future. As for recommendations, the speakers suggest checking out the podcast "Deep Cover" and a surface cleaner for pressure washers. The former is a podcast about identity and people taking on false identities, while the latter is a tool for efficiently cleaning concrete surfaces.

    Recent Episodes from Syntax - Tasty Web Development Treats

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    788: Supabase: Open Source Firebase for Fullstack JS Apps

    Scott and CJ chat with Paul Copplestone, CEO and co-founder of Supabase, about the journey of building an open source alternative to Firebase. Learn about the tech stack, the story behind their excellent documentation, and how Supabase balances business goals with open-source values.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 Who is Paul Copplestone?
    • 01:17 Why ‘Supa’ and not ‘Super’?
    • 02:26 How did Supabase start?
    • 08:42 Simplicity in design.
    • 10:32 How do you take Supabase one step beyond the competition?
    • 12:35 How do you decide which libraries are officially supported vs community maintained?
      • 15:17 You don’t need a client library!
    • 16:48 Edge functions for server-side functionality.
    • 18:51 The genesis of pgvector.
    • 20:59 The product strategy.
    • 22:25 What’s the story behind Supabase’s awesome docs?
    • 25:26 The tech behind Supabase.
    • 35:46 How do you balance business goals with open source?
    • 42:01 What’s next for Supabase?
    • 44:15 Supabase’s GA + new features.
    • 48:24 Who runs the X account?
    • 50:39 Sick Picks + Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    CJ: X Instagram YouTube TwitchTV

    Randy: X Instagram YouTube Threads

    787: You Should Try Vue.js

    787: You Should Try Vue.js

    Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.

    Show Notes

    Vue.js: The Documentary.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    786: What Open Source license should you use?

    786: What Open Source license should you use?

    Scott and CJ dive into the world of open source, breaking down its meaning, benefits, and the various types of licenses you’ll encounter. From permissive licenses like MIT and Apache 2.0 to copy-left licenses such as GNU GPLv3, they’ll help you choose and apply the right license for your project.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    785: What’s Next for NextJS with Tim Neutkens

    785: What’s Next for NextJS with Tim Neutkens

    Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

    Show Notes

    • 00:00 Welcome to Syntax!
    • 00:30 What does the React Compiler do?
    • 05:04 Will React Compiler help with managing Context?
    • 06:39 What happens if you’re not using a React Compiler?
    • 09:30 Will this work on any NextJS version?
    • 12:18 What are React Server Components?
    • 16:28 Shipping all the data inside an encapsulated component.
    • 20:17 Clearing up the frustrations around retrofitting server components.
    • 23:13 Handing migration.
    • 28:30 Is this just a fetch request with props?
    • 36:41 How closely are the NextJS and React teams working?
    • 41:53 Will we ever get Async Client Components?
    • 43:52 Async Local Storage API.
    • 45:31 Turbopack.
    • 57:51 Sick Picks & Shameless Plugs.

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    784: Logging × Blogging × Testing × Freelancing

    784: Logging × Blogging × Testing × Freelancing

    In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott: X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    783: How We Built a Netflix Style “Save for Offline” Feature Into Syntax

    Scott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    782: The Developer’s Guide To Fonts with Stephen Nixon

    782: The Developer’s Guide To Fonts with Stephen Nixon

    Scott and CJ are joined by Stephen Nixon of ArrowType to delve into the world of fonts and type for developers. They explore the intricacies of font creation, the utility of variable fonts, and offer tips for making visually appealing typography on the web.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode

    In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.

    Show Notes

    Sick Picks

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    780: Cloud Storage: Bandwidth, Storage and BIG ZIPS

    Today, Scott and Wes dive into cloud storage solutions—why you might need them, how they use them, and what you need to know about the big players, fees, and more.

    Show Notes

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads

    779: Why SQLite is Taking Over with Brian Holt & Marco Bambini

    779: Why SQLite is Taking Over with Brian Holt & Marco Bambini

    Scott and CJ dive into the world of SQLite Cloud with special guests Brian Holt and Marco Bambini. They explore why SQLite is gaining traction, its unique features, and the misconceptions surrounding its use—let’s get into it!

    Show Notes

    • 00:00 Welcome to Syntax!
    • 01:20 Who is Brian Holt?
    • 02:26 Who is Marco Bambini?
    • 05:12 Why are people starting to talk so much about SQLite now?
    • 08:47 What makes SQLite special or interesting?
    • 09:46 What is a big misconception about SQLite?
    • 11:13 Installed by default in operating systems.
    • 12:03 A perception that SQLite is intended for single users.
    • 13:36 Convincing developers it’s a full-featured solution.
    • 15:11 What does SQLite do better than Postgres or MySQL?
    • 17:30 SQLite Cloud & local first features.
    • 20:38 Where does SQLite store the offline information?
    • 23:08 Are you typically reaching for ORMs?
    • 25:00 What is SQLite Cloud?
    • 27:29 What makes for an approachable software?
    • 29:18 What make SQLite cloud different from other hosted SQLite options?
    • 32:13 Is SQLite still evolving?
    • 34:40 What about branching?
    • 37:37 What is the GA timeline?
    • 40:04 How does SQLite actually work?
    • 41:19 Questions about security.
    • 44:28 But does it scale?
    • 45:52 Sick Picks + Shameless Plugs.

    Sick Picks

    Brian: Trainer Road
    Marco: Tennis

    Shameless Plugs

    Hit us up on Socials!

    Syntax: X Instagram Tiktok LinkedIn Threads

    Wes: X Instagram Tiktok LinkedIn Threads

    Scott:X Instagram Tiktok LinkedIn Threads

    Randy: X Instagram YouTube Threads