Skip to content

This Dot Blog

This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.

Newest First
Observables: Coming to a Browser Near You with Dominic Farolino (Google Chrome) cover image

Observables: Coming to a Browser Near You with Dominic Farolino (Google Chrome)

Dominic Farolino, a software engineer on the Chrome team, discusses his involvement in adding observables to the web platform. By incorporating observables into browsers, developers can simplify their workflows and streamline complex APIs (like the Resize Observer). This not only will saves time and effort but also allows developers to focus on creating exceptional user experiences. Adding observables to the browser will drastically affect RxJS. RxJS is a popular library for reactive programming, and integrating observables into browsers will enable developers to handle asynchronous events and data streams more efficiently. This integration opens up a world of possibilities for creating responsive and interactive web applications. This does not mean RxJS will go away, but it will become more like LoDash for events. The incorporation of observables into browsers brings several benefits for web developers. Firstly, it simplifies complex APIs, making them more intuitive and easier to use. This allows developers to write cleaner and more maintainable code. Secondly, by leveraging observables, developers can handle asynchronous events and data streams more effectively, resulting in improved performance and responsiveness. Lastly, it will empower developers with a powerful toolset for reactive programming, enabling them to build more sophisticated and interactive web applications. The conversation in the podcast highlights the collaborative nature of advancing web technologies. Dominic discusses the importance of setting deadlines, sharing updates, and working together to achieve their goals. He expresses optimism about the progress of the project, with positive feedback from WebKit and plans for a future release. This collaborative approach ensures that the enhancements made to web performance benefit developers and users alike. Download this episode here....

Integrating AI models into Dev Platforms (Low-Code, Accessibility, and APIs) with Amanda Martin from Wix cover image

Integrating AI models into Dev Platforms (Low-Code, Accessibility, and APIs) with Amanda Martin from Wix

In this interview at RenderATL 2024, Tracy Lee and Rob Ocel interview Amanda Martin, a developer advocate at Wix, about integrating AI models into web development platforms. The conversation covers incorporating AI into low-code environments, emphasizing the accessibility of AI technologies through APIs and pre-built models. Amanda stresses the importance of understanding tools, security, and reliability, as well as practical applications and inspiring creativity in developers. The conversation touches on the accessibility of AI technologies in low-code environments. Amanda highlights the ease of incorporating AI through APIs and pre-built models, making it more accessible for developers of all skill levels. Understanding the available tools and services is crucial, with considerations for factors like security and reliability. By staying informed and up-to-date, developers can leverage AI to enhance their web development projects. Amanda stresses the importance of showcasing practical applications and inspiring creativity in developers. Rather than simply selling products, she believes in driving meaningful engagement with technology through hands-on experience and genuine passion. By encouraging developers to explore the possibilities of AI, Amanda believes they can unlock their full potential and create innovative solutions. Download this episode here....

The History of DivOps: The Tools that Led Us to Today cover image

The History of DivOps: The Tools that Led Us to Today

In this JS Drop, Jonathan Creamer, Senior Software Engineer at Microsoft, shares key insights on the history of DivOPs tooling, starting in the days before advancements like Webpack bundles. Jonathan discusses the emergence of bundlers like Webpack and the role of Abstract Syntax Trees (ASTs) in modern web development. Bundlers have revolutionized code organization by allowing developers to modularize their code, enhancing maintainability and scalability. ASTs enable bundlers to efficiently analyze and transform code, optimizing the development process. In the early days of web development, developers had to manually order their scripts to ensure proper dependencies. However, the introduction of tools like AMD and RequireJS transformed the landscape by enabling modular code organization. This shift empowered developers to focus on writing modular code, making their projects more manageable and adaptable to changes. Efficient code management and build automation are vital aspects of modern web development. The podcast highlights the continuous innovation in build tools such as Grunt, Gulp, Vite, and Parcel. These tools automate repetitive tasks, optimize code, and streamline the development workflow, allowing developers to save valuable time and effort....

Remix's evolution to a Vite plugin cover image

Remix's evolution to a Vite plugin

As Remix evolves into a Vite plugin, the story of React Router continues, promising exciting developments in the React Server Components era....

The Impact of AI on Testing with Ivan Barajas Vargas, CEO + Co-Founder at MuukTest cover image

The Impact of AI on Testing with Ivan Barajas Vargas, CEO + Co-Founder at MuukTest

Ivan Barajas Vargas, CEO and Co-Founder, at MuukTest discusses his journey from QA expert to engineering leadership, emphasizing the importance of adapting to changes in QA and effectively utilizing resources. Along with Rob Ocel, Ivan highlights the impact of AI technologies on effective QA testing, and the limitations of AI in understanding user experiences. Ivan stresses the importance of adaptability in the evolving field of QA. He highlights the need for QA professionals to stay updated with the latest trends and technologies and to be willing to adapt their strategies accordingly. Ivan also emphasizes the effective utilization of available resources, such as automation tools, to streamline QA processes and improve efficiency. He believes automation can significantly reduce manual effort and allow QA teams to focus on more critical aspects of testing. Along with host Rob Ocel, he also discusses the limitations of AI in understanding user experiences. While AI can be a powerful tool in automating certain aspects of testing, Ivan emphasizes the need for human intervention to ensure accurate results. He believes that AI should be seen as a complement to human testers, rather than a replacement. Ivan also shares his vision for the future, where AI will play a more significant role in augmenting testing processes, but human expertise will remain crucial for ensuring quality. Download this episode here...

The Dangers of ORMs and How to Avoid Them cover image

The Dangers of ORMs and How to Avoid Them

We recently engaged with a client reporting performance issues with their product. It was a legacy ASP .NET application using Entity Framework to connect to a Microsoft SQL Server database....

Migrating From Gatsby to Astro: Migration and Styling Tips with Kathleen McMahon   cover image

Migrating From Gatsby to Astro: Migration and Styling Tips with Kathleen McMahon

Kathleen McMahon shares how she migrated her personal site from Gatsby to Astro. She discusses styling Astro Islands and Astro Slots, and their impact on CSS styles on deployment. Viewers also learn about component conversion, and challenges with React Live and display boxes in MDX articles. The transition came with plenty of challenges, but it also highlighted some great benefits of Astro. Here's a look at the hurdles she faced, the specific issues she encountered, and the ultimate wins. Challenges Faced One of the big challenges Kathleen dealt with was styling issues. Astro Islands and Astro Slots are powerful, but they caused unexpected CSS problems on the deployed site. She had to spend time tweaking the stylesheets to make everything look right. Converting components was another tough task. Kathleen's story shows how important it is to pay close attention to detail when switching platforms. Astro's Simplicity and Compatibility Despite the challenges, Kathleen praised Astro for its simplicity and compatibility with her existing setup. The platform's seamless integration with various tools and frameworks made the move smoother. Astro's focus on reducing reliance on JavaScript helped her optimize her website's performance and improve loading times. This simplicity and compatibility make Astro a great option for developers wanting to streamline their workflow. The Importance of Component Conversion Kathleen’s experience highlights how crucial component conversion is. Carefully analyzing and converting each component ensures a smooth transition. The issues with React Live and display boxes in MDX articles show that even minor components can have a big impact on the website’s functionality and look. Attention to detail and thorough testing are key to a successful migration. Conclusion Moving a website from one platform to another is no easy task, as Kathleen McMahon found out during her switch from Gatsby to Astro. The challenges she faced, like unexpected CSS styles and component conversion issues, highlight the need for careful planning and attention to detail. Despite these hurdles, Astro’s simplicity, compatibility, and potential to reduce JavaScript reliance make it a compelling choice for developers. Kathleen’s experience is a valuable lesson for anyone considering a platform migration: meticulous component conversion and a keen eye for detail are essential....

React Version Transitions, Library Updates, and Why Standards Bodies are so Complex with JLarky cover image

React Version Transitions, Library Updates, and Why Standards Bodies are so Complex with JLarky

On this episode of Modern Web, hosts Tracy Lee, Ben Lesh, Adam Rackis, and guest JLarky share their latest takes on the JavaScript ecosystem, including React version transitions and TypeScript compatibility. They also explore the challenges of library updates, as well as web standards and the complexities within standards bodies. One recurring theme in the podcast is the heavy reliance on third-party libraries and the potential JavaScript bloat in React applications. They express concerns about the long-term sustainability of this approach and emphasize the need for industry support and collaboration. They discuss the challenges faced when updating libraries and the importance of carefully considering the impact on the overall application. This highlights the need for developers to strike a balance between leveraging the benefits of third-party libraries and maintaining control over their codebase. The conversation also explores the evolution of web standards and the complexities within standards bodies. The hosts discuss the resistance to adopting new technologies, such as React server components, and the challenges faced in driving industry-wide adoption. This highlights the importance of understanding the broader context in which web development operates and the need for developers to stay informed about emerging standards and technologies. By keeping an eye on the evolving landscape, developers can make informed decisions about the tools and frameworks they choose to work with. Throughout the podcast, they emphasize the importance of considering production-level considerations in software development. They discuss the challenges of dealing with hydration errors and the need for robust error handling mechanisms. This highlights the significance of thorough testing, performance optimization, and maintaining a strong focus on user experience. By prioritizing production-level considerations, developers can ensure their applications are reliable, performant, and user-friendly. Download this episode here....

SSR Finally a First-Class Citizen in Angular? cover image

SSR Finally a First-Class Citizen in Angular?

What’s the state of Angular SSR? And what’s happened to @angular/universal? This article explains!...

Cultivating Value Through Developer Communities with Ronald Williams cover image

Cultivating Value Through Developer Communities with Ronald Williams

In this JS Drops presentation, Ronald Williams, Senior Community Programs Manager at Cypress.io, discusses key tips for cultivating and capturing value within a developer community. Ronald emphasized the need to differentiate between creating useful content and deriving business gains from it. He highlights the significance of reporting the impact of initiatives by combining both aspects, stressing that it's crucial not only to focus on providing valuable content for the community but also to understand how it translates into tangible business outcomes. To illustrate this concept, Ronald provides examples such as ambassador programs and conferences, which offer useful content and networking opportunities for the community while directly impacting revenue generation. He emphasizes the importance of understanding revenue impact through metrics like conversion rates, retained members, influenced members, and expansion. By measuring these metrics, businesses can effectively gauge the success of their community initiatives and make informed decisions to enhance their strategies. The presentation emphasizes the value of developer communities in various aspects. Data from the Developer Marketing Alliance supported the notion that developer communities are crucial for feedback gathering, creating ambassador programs, understanding the developer audience, and educating others about products. Ronald stresses the need for effective communication of the business value of community initiatives to stakeholders and advised refining existing programs to maximize value rather than starting from scratch. This approach allows businesses to build upon their current community initiatives and make them even more impactful....

Unlocking AI's Potential: Data Strategies with Jan Zirnstein cover image

Unlocking AI's Potential: Data Strategies with Jan Zirnstein

Jan Zirnstein examines the intricacies of data science and AI, focusing on the challenges and opportunities that lie ahead. As organizations increasingly rely on data to drive decision-making, it's essential to establish clear guidelines and protocols for data management. Jan emphasizes that organizations must take ownership of their data, ensuring its accuracy, security, and ethical use. By implementing robust data governance practices, organizations can build trust, mitigate risks, and fully leverage AI technologies. Jan also stresses the need for education on AI technologies for leaders. As AI becomes more prevalent across industries, leaders must understand its capabilities, limitations, and potential biases. By fostering a culture of continuous learning and providing leaders with the necessary knowledge, organizations can make informed decisions and effectively use AI tools to drive innovation and growth. Education ensures that leaders are equipped to navigate the complexities of AI and make strategic choices that benefit their organizations. Along with Rob Ocel, he points out the importance of recognizing and correcting biases in training data, as these can perpetuate and amplify societal inequalities. By implementing rigorous data labeling processes and considering diverse perspectives, organizations can strive for fairness and inclusivity in their AI applications. Tackling bias is essential to creating AI systems that are equitable and credible. Lastly, Jan underscores the importance of continuous validation and ethical considerations in AI applications. As AI models evolve, it is crucial to regularly validate their performance and ensure they meet ethical standards. Transparency and accountability are key to building trust with users and stakeholders. By prioritizing ethics and embracing transparency, organizations can harness the full potential of AI technologies while minimizing potential risks. The conversations between Rob Ocel and Jan Zirnstein underscore the significance of data ownership, leader education, bias correction in data labeling, and ongoing validation, guiding organizations to navigate the evolving technology landscape and drive innovation, productivity, and societal progress. Download this episode here....

Communication Between Client Components in Next.js cover image

Communication Between Client Components in Next.js

Describing different strategies for communication between client components in Next.js....